Style - Adjust side padding based on device width

1 files changed, 17 insertions, 1 deletions

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;