From 8a670eac57bc21f0f6503f5078013feb80b8ccb5 Mon Sep 17 00:00:00 2001
From: Eli <88557639+lishaduck@users.noreply.github.com>
Date: Thu, 21 Mar 2024 20:31:18 -0500
Subject: [PATCH] fix: calculator on mobile

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

diff --git a/src/routes/calculator.tsx b/src/routes/calculator.tsx
index a2550713..bf88efab 100644
--- a/src/routes/calculator.tsx
+++ b/src/routes/calculator.tsx
@@ -133,7 +133,7 @@ function CalculatorPages(data: CalculatorProps): JSX.Element {
 
 function CalculatorSolarDisplay(data: CalculatorShowProps): JSX.Element {
   return (
-    <div class="w-11/12 flex text-balance bg-slate-100 dark:bg-slate-900 justify-center gap-8 py-8 px-20">
+    <div class="w-11/12 flex flex-col sm:flex-row text-balance bg-slate-100 dark:bg-slate-900 justify-center gap-8 py-8 px-5 sm:px-10 md:px-20">
       <div class="flex flex-col gap-4 basis-1/4">
         <h2 class="font-bold text-xl">Solar Power</h2>
         <section>