diff --git a/src/style.css b/src/style.css
index 73db4ad..5829711 100644
--- a/src/style.css
+++ b/src/style.css
@@ -131,12 +131,20 @@ strong a {
 }
 
 @media only screen and (max-width: 1200px) {
+    #intro {
+        padding: 50px;
+    }
+
     #intro-grid {
         grid-template-columns: 1fr 1fr
     }
 }
 
 @media only screen and (max-width: 700px) {
+    #intro {
+        padding: 20px;
+    }
+
     #intro-grid {
         display: block
     }
diff --git a/website/getting-started.htm b/website/getting-started.htm
index d273639..1a880e1 100644
--- a/website/getting-started.htm
+++ b/website/getting-started.htm
@@ -1,6 +1,6 @@
 <div id="intro">
     <nav id="intro-nav">
-        <h1><a href="/">zig embedded group</a> - learn</h1>
+        <h1><a href="/">zig embedded group</a> -&nbsp;learn</h1>
         <img src="img/ember.svg" alt="vectorized Ember, the awesome zeg mascot!">
     </nav>