fix: settings responsive width

lokesh-coder · lokesh-coder · commit 9576f8bbaccf · 2021-03-14T10:20:54.000+05:30
diff --git a/src/components/settings.js b/src/components/settings.js
@@ -10,7 +10,7 @@ import ImageSetter from './Settings/ImageSetter';
 import PatternSetter from './Settings/PatternSetter';
 
 const Settings = () => (
-  <Box px="10" py="5">
+  <Box px={{ lg: 10 }} py="5">
     <RandomnessSlider />
     <ComplexitySlider />
     <Divider my="5" />
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -46,7 +46,7 @@ const IndexPage = () => (
         flex="1"
         display="flex"
         alignItems="center"
-        w={{ sm: '100%', lg: 4 / 12 }}
+        w={{ base: '100%', lg: 4 / 12 }}
       >
         <Box w="full">
           <Flex
