From 9efc713299890f866858ff26bea829ad9c3c7ffc Mon Sep 17 00:00:00 2001
From: rektdeckard <friedtm@gmail.com>
Date: Sun, 16 Aug 2020 16:43:31 -0400
Subject: [PATCH] App: fix some CSS styling bugs related to Safari support

---
 src/components/App/App.css       | 4 ++++
 src/components/Header/Header.css | 7 ++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/App/App.css b/src/components/App/App.css
index e187c7f..5737ac1 100644
--- a/src/components/App/App.css
+++ b/src/components/App/App.css
@@ -19,6 +19,10 @@ body {
   font-family: "Manrope";
 }
 
+h2 {
+  font-weight: 400;
+}
+
 pre,
 code {
   font-family: "IBM Plex Mono";
diff --git a/src/components/Header/Header.css b/src/components/Header/Header.css
index 80ec996..9b4c60f 100644
--- a/src/components/Header/Header.css
+++ b/src/components/Header/Header.css
@@ -14,10 +14,15 @@ header img {
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-start;
-  gap: 56px;
+  /* gap: 56px; */
+  /* column-gap: 56px; */
   margin: 48px 0;
 }
 
+a.nav-link:not(:last-child) {
+  margin-right: 56px;
+}
+
 a.nav-link {
   text-decoration: none;
   position: relative;