From f71b45f5f1970ab688280d8f5e53f40b93f6fa14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felix=20=22xq=22=20Quei=C3=9Fner?= <xq@random-projects.net>
Date: Tue, 4 Oct 2022 17:13:54 +0200
Subject: [PATCH] Improves mobile view.

---
 src/style.css               | 8 ++++++++
 website/getting-started.htm | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

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>