From ab496b957c499e832e254cbbd0462dff409952a4 Mon Sep 17 00:00:00 2001
From: Otavio Sousa <130789571+otaviossousa@users.noreply.github.com>
Date: Sun, 28 Jul 2024 13:53:05 -0300
Subject: [PATCH] pls

---
 css/style.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/css/style.css b/css/style.css
index d1b4a13..c993624 100644
--- a/css/style.css
+++ b/css/style.css
@@ -435,6 +435,8 @@ body main {
 @media (max-width: 768px) {
   .products-cards {
     flex-direction: row;
+    flex-wrap: nowrap; /* Impede a quebra de linha */
+    overflow-x: auto; /* Adiciona rolagem horizontal se necessário */
     padding: 10px;
     margin: 0;
   }
@@ -446,9 +448,9 @@ body main {
   }
 
   .product-card-wrapper {
-    flex: 0 1 auto;
-    max-width: 100%;
-    margin: 0;
+    flex: 0 0 20%; /* Define a largura dos cards para 20% */
+    max-width: 20%; /* Garante que a largura máxima dos cards seja 20% */
+    margin: 0 5px; /* Adiciona margem horizontal entre os cards */
   }
 
   .product-title {
@@ -495,7 +497,7 @@ body main {
   }
 
   .product-img {
-    margin-top: 0; /* Remove o espaçamento no topo */
+    margin-top: 0; 
   }
 
   .product-img img {