Footer

biolab · Oct 19, 2023 · 53c508b · 53c508b · vercel · Oct 19, 2023
1 parent 42d8f0c
commit 53c508b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
@@ -1,5 +1,6 @@
 import Adapt from "@components/UiKit/Adapt";
 import Button from "@components/UiKit/Button";
+import device from "@styles/utils/breakpoints";
 import config from "config.json";
 import Link from "next/link";
 import styled from "styled-components";
@@ -17,6 +18,12 @@ const LinksWrapper = styled.div`
   row-gap: 40px;
   margin-bottom: 40px;
 
+  @media ${device.S} {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    column-gap: 20px;
+  }
+
   h3 {
     font-size: 16px;
     font-weight: 600;

diff --git a/components/UiKit/Button.tsx b/components/UiKit/Button.tsx
@@ -1,3 +1,4 @@
+import device from "@styles/utils/breakpoints";
 import styled from "styled-components";
 
 const Button = styled.button`
@@ -18,6 +19,10 @@ const Button = styled.button`
   cursor: pointer;
   z-index: 2;
 
+  @media ${device.S} {
+    font-size: 18px;
+  }
+
   &:before {
     content: "";
     display: block;

diff --git a/pages/docs/index.tsx b/pages/docs/index.tsx
@@ -8,7 +8,6 @@ import { serialize } from "next-mdx-remote/serialize";
 import MdContent from "@components/MdContent/MdContent";
 import MainLayout from "@components/UiKit/MainLayout";
 import styled from "styled-components";
-import device from "@styles/utils/breakpoints";
 
 export async function getStaticProps() {
   const mdFiles = getAllMdFilesInDir(path.join("public", "docs"));