From 27df92c66eefe3e59ea7b87d099ecfc3149c4d19 Mon Sep 17 00:00:00 2001 From: "user@node5.net" Date: Wed, 17 Sep 2025 19:18:24 +0200 Subject: Style - Adjust side padding based on device width --- blog.node5.net/static/main.css | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/blog.node5.net/static/main.css b/blog.node5.net/static/main.css index e24ec17..a28a6e4 100644 --- a/blog.node5.net/static/main.css +++ b/blog.node5.net/static/main.css @@ -41,12 +41,28 @@ body { color: white; } -@media screen and (min-width: 100rem) { +#root-container { + padding: 0 3em; +} + +@media screen and (max-width: 30rem) { + #root-container { + padding: 0!important; + } +} + +@media screen and (min-width: 70rem) { #root-container { padding: 0 15em; } } +@media screen and (min-width: 100rem) { + #root-container { + padding: 0 25em; + } +} + #logo h1 { font-family: "RobotoMono-Bold", monospace; font-size: 3em; -- cgit 1.4.1