From d37eb950d19d3a14c896ac75810110b88c079667 Mon Sep 17 00:00:00 2001
From: sebseb7 <sebgreenbus@gmail.com>
Date: Thu, 26 Mar 2026 14:37:08 +0100
Subject: [PATCH] fix: Update ProductList component to improve responsiveness
 by adjusting display property for mobile and small screens

---
 src/components/ProductList.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ProductList.js b/src/components/ProductList.js
index 547bcaf..76a07c2 100644
--- a/src/components/ProductList.js
+++ b/src/components/ProductList.js
@@ -241,7 +241,7 @@ class ProductList extends Component {
 
 
             <Box sx={{ 
-              display: 'flex', 
+              display: { xs: 'none', sm: 'flex' },
               gap: { xs: 0.5, sm: 1 }, 
               alignItems: 'center', 
               flexWrap: 'wrap',