Tune the front page a bit more for various widths

Author: ctrueden

Diff for: assets/css/home.css

@@ -24,7 +24,7 @@
 }
 
 #header h2 {
-  margin: 1em 0 0 0;
+  margin: 0.5em 0 0 0;
   font-size: 1.3em;
   width: 100%;
   text-align: center;
@@ -65,7 +65,7 @@
   -webkit-justify-content: center;
   -ms-justify-content: center;
   justify-content: center;
-  margin-top: 3em;
+  margin-top: 2em;
   margin-left: 0;
   position: relative;
 }

Diff for: index.html

@@ -38,9 +38,11 @@ <h2>
             </td>
           </tr>
         </table>
-        <p>And <a href="/learn/flavors">many other flavors</a>,
-          their <a href="/list-of-extensions">extensions</a>,
-          and <a href="/software">related software projects</a>.</p>
+        <p>
+          <span class="avoidwrap">And <a href="/learn/flavors">many other flavors</a>,
+            their <a href="/list-of-extensions">extensions</a>,</span>
+          <span class="avoidwrap">and <a href="/software">related software projects</a>.</span>
+        </p>
       </div>
       <ul class="actions special">
         <li><a href="#resources" class="button scrolly">Get Started</a></li>