From 069ea6daa7e79451aa625f59ceeed8a13c8da121 Mon Sep 17 00:00:00 2001
From: Magnus Hoff <maghoff@gmail.com>
Date: Tue, 26 Sep 2017 09:35:15 +0200
Subject: [PATCH] Style tweaks.

Left and right padding. Contain images within block
---
 assets/style.css | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/assets/style.css b/assets/style.css
index 830d81a..bcd8283 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -32,18 +32,17 @@ h2 {
     margin-bottom: 0;
 }
 
-header {
-    max-width: 600px;
+header, article, footer {
+    box-sizing: border-box;
+    max-width: 612px;
     width: 100%;
     margin: 60px auto 0 auto;
+    padding: 0 6px;
 }
 
 article {
     font-size: 18px;
     line-height: 32px;
-    max-width: 600px;
-    width: 100%;
-    margin: 0 auto 120px auto;
 }
 
 blockquote {
@@ -80,6 +79,11 @@ a:hover {
     color: #79b9e1;
 }
 
+img {
+    max-width: 100%;
+    height: auto;
+}
+
 
 /* Sticky footer */
 html, body {
@@ -97,7 +101,9 @@ body {
 
 
 footer {
-    padding: 16px 0;
+    padding-top: 16px;
+    padding-bottom: 16px;
+
     background: #f8f8f8;
     color: #444;
     text-align: center;