Fix responsiveness of getting started index page

Author: knolleary

css/blog.css

@@ -136,15 +136,21 @@ blockquote {
 }
 
 @media handheld, only screen and (max-width: 850px) {
+    .post-preview {
+        width:  calc(100% / 2 - 30px);
+        height: 200px;
+    }
     .blog-posts .post-preview {
         width:  calc(100% / 2 - 50px);
-        height: 200px;
     }
 }
 
 @media handheld, only screen and (max-width: 767px) {
+    .post-preview {
+        width:  calc(100% - 30px);
+        height: 200px;
+    }
     .blog-posts .post-preview {
         width: calc(100% - 40px);
-        height: 200px;
     }
 }

docs/index.html

@@ -14,32 +14,26 @@ <h2>Getting Started</h2>
             <h2>User Guide</h2>
             <p>The definitive guide to using Node-RED</p>
         </div></a></li>
-
-        <li><a class="box-link" href="/docs/faq"><img src="../images/guide-faq.png"/>
-            <div class="doc-item-info">
-                <h2>Frequently Asked Questions</h2>
-                <p>And hopefully some answers</p>
-            </div></a></li>
-</ul>
-<ul class="doc-items">
+    <li><a class="box-link" href="/docs/faq"><img src="../images/guide-faq.png"/>
+        <div class="doc-item-info">
+            <h2>Frequently Asked Questions</h2>
+            <p>And hopefully some answers</p>
+        </div></a></li>
     <li><a class="box-link" href="/docs/tutorials"><img src="../images/guide-tutorials.png"/>
         <div class="doc-item-info">
             <h2>Tutorials</h2>
             <p>Examples of what you can do, taken one step at a time</p>
         </div></a></li>
-        <li><a class="box-link" href="https://cookbook.nodered.org"><img src="../images/guide-cookbook.png"/>
-            <div class="doc-item-info">
-                <h2>Cookbook</h2>
-                <p>Recipes to help you get things done with Node-RED</p>
+    <li><a class="box-link" href="https://cookbook.nodered.org"><img src="../images/guide-cookbook.png"/>
+        <div class="doc-item-info">
+            <h2>Cookbook</h2>
+            <p>Recipes to help you get things done with Node-RED</p>
+        </div></a></li>
+    <li><a class="box-link" href="/docs/developing-flows/"><img src="../images/guide-developing-flows.png"/>
+        <div class="doc-item-info">
+            <h2>Developing Flows</h2>
+            <p>Best practices for creating clear and reusable flows</p>
             </div></a></li>
-        <li><a class="box-link" href="/docs/developing-flows/"><img src="../images/guide-developing-flows.png"/>
-            <div class="doc-item-info">
-                <h2>Developing Flows</h2>
-                <p>Best practices for creating clear and reusable flows</p>
-             </div></a></li>
-</ul>
-
-<ul class="doc-items">
     <li><a class="box-link" href="/docs/creating-nodes/"><img src="../images/guide-customnode.png"/>
         <div class="doc-item-info">
             <h2>Creating Nodes</h2>