add left-right padding for small res

[iankelling.org] / css / main.scss

diff --git a/css/main.scss b/css/main.scss
index 375f7ec6f3263d60a8fae322da0fe3fa9b3d173d..a9288e1a70661cb80b5bf66627129dd8e184c1cf 100644 (file)
--- a/css/main.scss
+++ b/css/main.scss
@@ -29,7 +29,8 @@ div.comment {
 
 #comment-section {
     /* make the top/bottom of comments have more space */
-    padding: 30px 0;
+    padding-top: 30px;
+    padding-bottom: 30px;
 }
 
 
@@ -132,11 +133,16 @@ footer {
 footer p {
     margin: 0;
 }
-header,footer,.content,#comment-section {
-    /* top margin 0, left/right = auto, which centers it */
-    margin: 0 auto;
+.page_header,footer,.content,#comment-section {
+    // auto centers it
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-left: 30px;
+    padding-right: 30px;
     /* default too wide */
-    max-width: 700px;
+    max-width: $main-column-max-width;
 }
 footer {
     font-size: 15px;