website

commit a8d9d18dc1c724e9af560372e3dbcc20869b2c94
parent b5aa297cddfdea03dbb91d082e128a2118c1364b
Author: michaelneuper <michael@michaelneuper.com>
Date:   Mon,  7 Jul 2025 16:41:28 +0200

add padding for wrapper on small screens

adjust wrapper padding for better mobile display
using media queries

Diffstat:
M
static/css/styles.css
 | 
7
+++++++

1 file changed, 7 insertions(+), 0 deletions(-)
diff --git a/static/css/styles.css b/static/css/styles.css
@@ -5,6 +5,13 @@
   font-family: "Literata", serif;
   padding: 1rem 20vw;
 }
+
+@media (max-width: 768px) {
+  #wrapper {
+    padding: 1rem 5vw;
+  }
+}
+
 /* suggestion forms */
 form.suggestion {
   max-width: 400px;