Merge pull request #387 from HarleenKaurBhullar/makingbuttonresponsive

Implement Responsive Button behavior in shop.js
Mujtabaa07 · Jan 25, 2025 · 19bfe2c · 19bfe2c
2 parents 5432376 + 0f0bd4e
commit 19bfe2c
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/Pages/Shop.js b/src/Pages/Shop.js
@@ -763,9 +763,13 @@ function Shop() {
         variant="text"
         aria-label="Basic button group"
         sx={{
+          display:'flex',
+          alignItems:'center', //to align buttons in center
+          flexDirection:{xs:'column',sm:'column',md:'row'}, //to make button group adjust to different screen size
+          justifyContent:'center', 
           borderRadius: "8px",
           padding: "4px",
-          marginLeft: "230px",
+
         }}
       >
         <Button