1 files changed, 46 insertions, 12 deletions
diff --git a/static/style.css b/static/style.css
index ff01a13..4b3696e 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,18 +1,52 @@
-body { margin: 0 }
+body {
+    margin: 0;
+    padding: 0;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
 
-header { padding: 10px; text-align: center; }
-header button, header label { margin: 0 10px; }
+header { 
+    width: 100%;
+    height: 80px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
 
-.grid {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 5px;
+header button, header label { 
+    margin: 0 10px; 
+}
+
+#container {
+    width: 100%;
+    /* max-width: 1920px; */
+    padding: 20px;
+    box-sizing: border-box;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 20px;
+    justify-content: center;
 }
 
 .block {
-    aspect-ratio: 1;
-    border: 1px solid #000;
-    background: #fff;
-    padding: 10px;
-    text-align: left;
+    width: 420px;
+    height: 420px;
+    flex-shrink: 0;
+
+    padding: 5px;
+    border: 1px solid black;
+}
+
+@media (max-width: 440px) {
+    .grid {
+        padding: 20px 0;
+    }
+}
+
+/* Block specific stuff */
+.block #time {
+    justify-content: center;
 }