Style - Comments

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;