Enhance responsive design across components by adjusting padding, margins, and layout properties for better mobile usability. Updated styles in Content, Header, Product, ProductFilters, ProductList, and SearchBar components to improve visual consistency and user experience on various screen sizes.

2025-07-04 04:51:15 +02:00
parent e16ae9f5a6
commit 8abf64ca38
6 changed files with 140 additions and 51 deletions
--- a/src/components/header/SearchBar.js
+++ b/src/components/header/SearchBar.js
@@ -219,7 +219,7 @@ const SearchBar = () => {
      onSubmit={handleSearch}
      sx={{
        flexGrow: 1,
-        mx: { xs: 1, sm: 2, md: 4 },
+        mx: { xs: 0, sm: 2, md: 4 },
        position: "relative",
      }}
    >