From e1fb3f9b5bef737672c0355283eba1cfdc9f98e3 Mon Sep 17 00:00:00 2001
From: bprosen <benedgarprosen@gmail.com>
Date: Mon, 29 Dec 2025 16:29:02 -0600
Subject: [PATCH 1/2] mobile responsiveness

---
 .../UnderConstruction/UnderConstruction.tsx          | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/UnderConstruction/UnderConstruction.tsx b/src/components/UnderConstruction/UnderConstruction.tsx
index 57c68fe..777649a 100644
--- a/src/components/UnderConstruction/UnderConstruction.tsx
+++ b/src/components/UnderConstruction/UnderConstruction.tsx
@@ -3,15 +3,19 @@ import { Card, CardContent, CardHeader, CardTitle } from '~/ui';
 
 export const UnderConstruction: React.FC = () => {
   return (
-    <Card className='shadow-xl'>
+    <Card className='shadow-xl md:max-w-xl my-4 mx-12 sm:mx-4 md:mx-auto'>
       <CardHeader>
-        <CardTitle className='text-center text-3xl'>
+        <CardTitle className='text-center text-2xl sm:text-3xl'>
           Hold on a second!
         </CardTitle>
       </CardHeader>
       <CardContent className='flex flex-col items-center gap-4'>
-        <Construction color='#e4ec75' size={350} strokeWidth={1.2} />
-        <p className='text-lg'>
+        <Construction
+          color='#e4ec75'
+          strokeWidth={1.2}
+          className='w-[200px] h-[200px] sm:w-[250px] sm:h-[250px] md:w-[350px] md:h-[350px]'
+        />
+        <p className='text-base sm:text-lg text-center'>
           This page is under construction, check back soon
         </p>
       </CardContent>

From 6915b43c916bb362ecbda0d2d3e2c2fdd7d77f6b Mon Sep 17 00:00:00 2001
From: bprosen <benedgarprosen@gmail.com>
Date: Mon, 29 Dec 2025 16:29:09 -0600
Subject: [PATCH 2/2] biome

---
 src/components/UnderConstruction/UnderConstruction.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/UnderConstruction/UnderConstruction.tsx b/src/components/UnderConstruction/UnderConstruction.tsx
index 777649a..8e9c459 100644
--- a/src/components/UnderConstruction/UnderConstruction.tsx
+++ b/src/components/UnderConstruction/UnderConstruction.tsx
@@ -11,9 +11,9 @@ export const UnderConstruction: React.FC = () => {
       </CardHeader>
       <CardContent className='flex flex-col items-center gap-4'>
         <Construction
+          className='w-[200px] h-[200px] sm:w-[250px] sm:h-[250px] md:w-[350px] md:h-[350px]'
           color='#e4ec75'
           strokeWidth={1.2}
-          className='w-[200px] h-[200px] sm:w-[250px] sm:h-[250px] md:w-[350px] md:h-[350px]'
         />
         <p className='text-base sm:text-lg text-center'>
           This page is under construction, check back soon