diff --git a/content/posts/2008-04-17-make-cool-and-clever-text-effects-with-css-text-shadow.md b/content/posts/2008-04-17-make-cool-and-clever-text-effects-with-css-text-shadow.md
index ce33adc1..92befe2f 100644
--- a/content/posts/2008-04-17-make-cool-and-clever-text-effects-with-css-text-shadow.md
+++ b/content/posts/2008-04-17-make-cool-and-clever-text-effects-with-css-text-shadow.md
@@ -4,7 +4,6 @@ type: post
 title: 'Text-Shadow Exposed: Make cool and clever text effects with css text-shadow'
 date: 2008-04-17 01:32:13+00:00
 
-category:
 tags:
   - design
   - css
diff --git a/content/posts/2008-06-11-safari-4-developer-preview.md b/content/posts/2008-06-11-safari-4-developer-preview.md
index 445c0aea..0e12ffb2 100644
--- a/content/posts/2008-06-11-safari-4-developer-preview.md
+++ b/content/posts/2008-06-11-safari-4-developer-preview.md
@@ -6,7 +6,6 @@ author: Matthias Kretschmann
 
 date: 2008-06-11 10:37:07+00:00
 
-category:
 tags:
   - design
   - macos
diff --git a/content/posts/2009-03-29-ultimate-coda-wordpress-share-link-bonanza.md b/content/posts/2009-03-29-ultimate-coda-wordpress-share-link-bonanza.md
index 6d28dbee..df216dae 100644
--- a/content/posts/2009-03-29-ultimate-coda-wordpress-share-link-bonanza.md
+++ b/content/posts/2009-03-29-ultimate-coda-wordpress-share-link-bonanza.md
@@ -6,7 +6,6 @@ download: ../media/share-link-bonanza-coda-clips.zip
 
 date: 2009-03-29 23:12:15+00:00
 
-category:
 tags:
   - design
   - goodies
diff --git a/package.json b/package.json
index 4b6bc0ce..a442fcb0 100644
--- a/package.json
+++ b/package.json
@@ -119,7 +119,7 @@
     "node-sass": "^4.13.0",
     "npm-run-all": "^4.1.5",
     "ora": "^4.0.0",
-    "prettier": "^1.19.0",
+    "prettier": "^1.19.1",
     "prettier-stylelint": "^0.4.2",
     "shortid": "^2.2.15",
     "stylelint": "^11.1.1",
diff --git a/src/components/Layout.module.scss b/src/components/Layout.module.scss
index 8304f409..20c38e7a 100644
--- a/src/components/Layout.module.scss
+++ b/src/components/Layout.module.scss
@@ -23,7 +23,7 @@
 
 .document {
   width: 100%;
-  padding-top: ($spacer * 2);
+  padding-top: $spacer;
   background-color: $body-background-color;
   border-top: 1px solid rgba(255, 255, 255, 0.7);
   border-bottom: 1px solid rgba(255, 255, 255, 0.7);
@@ -47,6 +47,10 @@
       0 -1px 4px darken($brand-main, 15%);
   }
 
+  @media (min-width: $screen-md) {
+    padding-top: $spacer * 2;
+  }
+
   @media (min-width: $screen-sm) and (min-height: 500px) {
     margin-top: $spacer * 2.65;
     margin-bottom: $spacer * 18; // height of footer
diff --git a/src/components/atoms/Exif.module.scss b/src/components/atoms/Exif.module.scss
index 9a6a9efa..7ae06b5a 100644
--- a/src/components/atoms/Exif.module.scss
+++ b/src/components/atoms/Exif.module.scss
@@ -63,6 +63,11 @@
 
   overflow: hidden;
   height: 220px;
+  margin-top: $spacer * 2;
+
+  @media (min-width: $screen-sm) {
+    margin-top: 0;
+  }
 
   img {
     border-radius: 0 !important;
diff --git a/src/components/atoms/Image.module.scss b/src/components/atoms/Image.module.scss
index b5c7cc57..ff5f8560 100644
--- a/src/components/atoms/Image.module.scss
+++ b/src/components/atoms/Image.module.scss
@@ -27,9 +27,9 @@
   @include breakoutviewport;
 
   max-width: none;
-  margin: $spacer * $line-height auto;
+  margin-top: $spacer * $line-height;
+  margin-bottom: $spacer * $line-height;
   display: block;
-  border-radius: $border-radius;
 
   a & {
     position: relative;
diff --git a/src/components/molecules/Featured.module.scss b/src/components/molecules/Featured.module.scss
index c5e2aab0..cb2700f3 100644
--- a/src/components/molecules/Featured.module.scss
+++ b/src/components/molecules/Featured.module.scss
@@ -5,13 +5,16 @@
   @include divider;
 
   display: grid;
-  gap: $spacer;
+  gap: $spacer / 2;
   grid-template-columns: 1fr 1fr;
-  padding-bottom: $spacer * 3;
+  padding-bottom: $spacer * $line-height;
   margin-bottom: -($spacer / 2);
 
   @media (min-width: $screen-md) {
     @include breakoutviewport;
+
+    gap: $spacer;
+    padding-bottom: $spacer * 3;
   }
 }
 
diff --git a/src/components/molecules/Menu.module.scss b/src/components/molecules/Menu.module.scss
index 1f4b5a59..172e4a99 100644
--- a/src/components/molecules/Menu.module.scss
+++ b/src/components/molecules/Menu.module.scss
@@ -7,37 +7,34 @@
   margin-top: 0;
   padding-top: $spacer / 2;
   position: absolute;
-  top: calc(100% + #{$spacer / 2});
+  top: calc(100% + #{$spacer / 1.5});
   left: 0;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
   width: 100%;
 
+  ul {
+    margin: 0;
+    padding: 0;
+    text-align: center;
+    overflow-x: auto;
+    overflow-y: hidden;
+    -webkit-overflow-scrolling: touch;
+    white-space: nowrap;
+  }
+
   li {
     list-style: none;
-    flex: 0 0 50%;
-
-    @media (min-width: $screen-xs) {
-      flex-basis: 33%;
-    }
+    display: inline-block;
 
     &::before {
       display: none;
     }
   }
 
-  opacity: 0;
-
-  :global(.has-menu-open) & {
-    opacity: 1;
-  }
-
   a {
     color: $text-color;
     line-height: 1;
     text-transform: uppercase;
-    margin: 0;
+    margin: 0 $spacer / 4;
     font-size: $font-size-small;
     text-shadow: 0 1px 0 rgba(#fff, 0.5);
     padding: $padding-base-horizontal;
@@ -59,4 +56,11 @@
       }
     }
   }
+
+  &::-webkit-scrollbar,
+  &::-moz-scrollbar,
+  &::-webkit-scrollbar-thumb,
+  &::-webkit-scrollbar-track {
+    display: none;
+  }
 }
diff --git a/src/components/molecules/Menu.tsx b/src/components/molecules/Menu.tsx
index b885a3b2..1e08ae15 100644
--- a/src/components/molecules/Menu.tsx
+++ b/src/components/molecules/Menu.tsx
@@ -28,7 +28,9 @@ export default function Menu() {
         <html className={menuOpen ? 'has-menu-open' : null} lang="en" />
       </Helmet>
       <Hamburger onClick={toggleMenu} />
-      <ul className={styles.menu}>{MenuItems}</ul>
+      <nav className={styles.menu}>
+        <ul>{MenuItems}</ul>
+      </nav>
     </>
   )
 }
diff --git a/src/components/molecules/RelatedPosts.module.scss b/src/components/molecules/RelatedPosts.module.scss
index 0adbfe16..8dd517da 100644
--- a/src/components/molecules/RelatedPosts.module.scss
+++ b/src/components/molecules/RelatedPosts.module.scss
@@ -16,13 +16,14 @@
 
   ul {
     display: grid;
-    gap: $spacer;
+    gap: $spacer / 2;
     grid-template-columns: repeat(2, 1fr);
     padding: 0;
     margin: 0;
 
     @media (min-width: $screen-sm) {
       grid-template-columns: repeat(3, 1fr);
+      gap: $spacer;
     }
   }
 
diff --git a/src/templates/Post/PostTitle.module.scss b/src/templates/Post/PostTitle.module.scss
index e8eb1642..39c3604a 100644
--- a/src/templates/Post/PostTitle.module.scss
+++ b/src/templates/Post/PostTitle.module.scss
@@ -5,7 +5,6 @@
 /////////////////////////////////////
 
 .hentry__title {
-  font-size: $font-size-h1;
   color: $color-headings;
   margin-top: 0;
   margin-bottom: $spacer;
diff --git a/src/templates/Post/index.tsx b/src/templates/Post/index.tsx
index 73a49555..a9adf280 100644
--- a/src/templates/Post/index.tsx
+++ b/src/templates/Post/index.tsx
@@ -36,8 +36,11 @@ export default function Post({
 
       <Layout location={location}>
         <article className={styles.hentry}>
-          <PostTitle type={type} linkurl={linkurl} title={title} />
-          {type === 'post' && <PostLead post={post} />}
+          <header>
+            <PostTitle type={type} linkurl={linkurl} title={title} />
+            {type === 'post' && <PostLead post={post} />}
+          </header>
+
           {type === 'photo' && <PostContent post={post} />}
           {image && (
             <Image