diff options
| -rw-r--r-- | blog.node5.net/static/main.css | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/blog.node5.net/static/main.css b/blog.node5.net/static/main.css index 8f3da20..355e4ac 100644 --- a/blog.node5.net/static/main.css +++ b/blog.node5.net/static/main.css @@ -45,12 +45,15 @@ body { padding: 0 3em; } +/* Dynamic padding on sides based on page width, too wide text is hard to read */ + @media screen and (max-width: 25rem) { #root-container { padding: 0!important; } } +/* Phone */ @media screen and (max-width: 40rem) { #root-container { padding: 0 1em; @@ -69,6 +72,13 @@ body { } } +/* Ultra wide */ +@media screen and (min-width: 200rem) { + #root-container { + padding: 0 60em; + } +} + #logo h1 { font-family: "RobotoMono-Bold", monospace; font-size: 3em; |