fix: Update ProductList component to improve responsiveness by adjusting display property for mobile and small screens
This commit is contained in:
@@ -241,7 +241,7 @@ class ProductList extends Component {
|
|||||||
|
|
||||||
|
|
||||||
<Box sx={{
|
<Box sx={{
|
||||||
display: 'flex',
|
display: { xs: 'none', sm: 'flex' },
|
||||||
gap: { xs: 0.5, sm: 1 },
|
gap: { xs: 0.5, sm: 1 },
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
flexWrap: 'wrap',
|
flexWrap: 'wrap',
|
||||||
|
|||||||
Reference in New Issue
Block a user