diff --git a/Scripts/web_server.py b/Scripts/web_server.py
index a4dc79f..0a410c4 100644
--- a/Scripts/web_server.py
+++ b/Scripts/web_server.py
@@ -76,7 +76,7 @@ class TempWebServer:
}}
body {{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- max-width: 900px;
+ max-width: 1200px;
margin: 0 auto;
padding: 20px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
@@ -89,17 +89,25 @@ class TempWebServer:
margin-bottom: 30px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}}
+ .temp-grid {{
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 20px;
+ margin-bottom: 20px;
+ }}
.card {{
background: white;
border-radius: 15px;
padding: 25px;
- margin: 15px 0;
box-shadow: 0 8px 16px rgba(0,0,0,0.2);
transition: transform 0.2s;
}}
.card:hover {{
transform: translateY(-5px);
}}
+ .card.full-width {{
+ margin: 15px 0;
+ }}
.temp-card {{
position: relative;
overflow: hidden;
@@ -195,24 +203,31 @@ class TempWebServer:
font-size: 0.6em;
vertical-align: super;
}}
+ @media (max-width: 768px) {{
+ .temp-grid {{
+ grid-template-columns: 1fr;
+ }}
+ }}
🌱 Auto Garden Dashboard
-
-
🏠
-
Indoor Climate
-
{inside_temp}°F
+
+
+
🏠
+
Indoor Climate
+
{inside_temp}°F
+
+
+
+
🌤️
+
Outdoor Climate
+
{outside_temp}°F
+
-
-
🌤️
-
Outdoor Climate
-
{outside_temp}°F
-
-
-