Improve responsive rendering

Add meta tag to trigger better responsive rendering. Without media query tweaks the linear/text content renders well.
dsingleton · Feb 18, 2017 · b5ae556 · b5ae556
1 parent 7b144e3
commit b5ae556
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -8,6 +8,8 @@
 
   <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
   <meta name="description" content="The blog of David Singleton, Ramblings of a Web Developer" />
   <link href='http://fonts.googleapis.com/css?family=Gentium+Book+Basic:400,700italic,400italic,700' rel='stylesheet' type='text/css'>
   {% feed_meta %}

diff --git a/_sass/modules/_layout.scss b/_sass/modules/_layout.scss
@@ -1,8 +1,7 @@
 body {
     max-width: 40em;
-
     margin: 0 auto;
-    padding: 2em 1em 6em;
+    padding: 2em 2em 6em;
 
     font: large/1.5 $font-face;