From b6672061824a8c7d0ab91e907203e9c5ca5fa567 Mon Sep 17 00:00:00 2001
From: arne <noreply@null.arnes.space>
Date: Wed, 24 Jul 2024 22:57:46 +0200
Subject: [PATCH] Make it usable on screens with < 480px width

---
 index.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 68e2107..714cecf 100644
--- a/index.html
+++ b/index.html
@@ -25,10 +25,16 @@
        background: var(--background-color);
        color: var(--primary-color);
        font-family: sans-serif;
-       padding: 40px;
+       padding: 20px;
        font-size: 14px;
      }
 
+     @media screen and (min-width: 480px) {
+         body {
+             padding: 40px;
+         }
+     }
+
      canvas {
        border: 1px solid var(--primary-color);
      }