From e34968423fd4db726f8c2fdaa11ff909e32fd300 Mon Sep 17 00:00:00 2001
From: hannehaakaas <hanne.haakaas@gmail.com>
Date: Thu, 26 Sep 2024 17:53:11 +0200
Subject: [PATCH 1/2] Add: screen size config

---
 frontend/tailwind.config.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 9f3d107..da95ed0 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -14,6 +14,9 @@ module.exports = {
       width: {
         194: "48rem",
       },
+      screens: {
+        'xs': '200px',
+      },
     },
   },
   plugins: [],

From 0dcbcb34b75fd8dd733defc895c43078bd87c0ee Mon Sep 17 00:00:00 2001
From: hannehaakaas <hanne.haakaas@gmail.com>
Date: Mon, 30 Sep 2024 16:18:52 +0200
Subject: [PATCH 2/2] Update: breakpoint usage

---
 frontend/src/pages/about.tsx | 2 --
 frontend/src/pages/index.tsx | 3 +--
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/frontend/src/pages/about.tsx b/frontend/src/pages/about.tsx
index f790678..80ddde5 100644
--- a/frontend/src/pages/about.tsx
+++ b/frontend/src/pages/about.tsx
@@ -7,8 +7,6 @@ import { graphql } from "gatsby";
 import firebase from "gatsby-plugin-firebase";
 import { FadeInSection } from "../components/FadeInSection";
 import { GatsbyImage, StaticImage } from "gatsby-plugin-image";
-import { useWindowSize } from "../utils/hooks/useWindowSize";
-import { isBrowser } from "../utils/isBrowser";
 import { Header } from "../components/Header";
 
 const AboutPage = ({ data }) => {
diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx
index 73d6265..d52d17b 100644
--- a/frontend/src/pages/index.tsx
+++ b/frontend/src/pages/index.tsx
@@ -72,8 +72,7 @@ const IndexPage = ({ data }) => {
 
       <FadeInSection>
         <section
-          className={`relative flex flex-col justify-center mb-24 sm:-mt-20 px-4 ${width < 450 && width >= 300 ? "mt-28" : ""
-          } ${width < 350 ? "mt-44" : ""}`}
+          className={"relative flex flex-col justify-center mb-24 px-4 sm:-mt-20 xs:mt-28 mt-44"}
         >
           <SeekingMembers data={data}/>
         </section>