Responsive footer

dddwa · Aug 20, 2024 · 42f0870 · 42f0870
1 parent 0a973a1
commit 42f0870
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/website/app/components/footer/footer.tsx b/website/app/components/footer/footer.tsx
@@ -13,7 +13,14 @@ export const Footer = () => (
         }}
     >
         <Divider color="#8D8DFF33" mb={6} />
-        <Grid gridTemplateColumns="repeat(4, 1fr)" width="full" gap={6} maxW="1200px" mx="auto">
+        <Grid
+            gridTemplateColumns="1fr"
+            md={{ gridTemplateColumns: 'repeat(4, 1fr)' }}
+            width="full"
+            gap={6}
+            maxW="1200px"
+            mx="auto"
+        >
             <Flex flexGrow={2}>
                 <Logo width={153} />
             </Flex>
@@ -34,8 +41,8 @@ export const Footer = () => (
                     About
                 </styled.a>
                 {/* <styled.a href={`/blog`} color="white" _hover={{ color: '#8282FB' }}>
-          Blog
-        </styled.a> */}
+                Blog
+                </styled.a> */}
                 <styled.a href={`/faq`} color="white" _hover={{ color: '#8282FB' }}>
                     FAQ
                 </styled.a>