Fix footer responsiveness

chingu-voyages · Sep 18, 2022 · 21cbd49 · 21cbd49
1 parent a6f70ca
commit 21cbd49
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/components/Footer/index.js b/src/components/Footer/index.js
@@ -19,7 +19,11 @@ export default function Footer() {
             maxWidth="2000px"
         >
             <Stack spacing={{ base: '4', md: '5' }}>
-                <Stack justify="space-between" direction="row" align="center">
+                <Stack
+                    justify="space-between"
+                    align="center"
+                    direction={['column', 'column', 'row', 'row']}
+                >
                     <Box>
                         <Image
                             src={'https://www.chingu.io/logo-with-text-192.png'}
@@ -60,7 +64,11 @@ export default function Footer() {
                         />
                     </ButtonGroup>
                 </Stack>
-                <Text fontSize="sm" color="subtle">
+                <Text
+                    fontSize="sm"
+                    color="subtle"
+                    textAlign={['center', 'center', 'left', 'left']}
+                >
                     Made with ❤ from a Chingu cohort.
                 </Text>
             </Stack>