fixed some mobile layout issues

src/_includes/layout/base.njk

@@ -18,10 +18,12 @@
   <body>
     <main>
       <header>{% include 'partials/header.njk' %}</header>
+      <hr/>
       <article>
           <h1>{{ title }}</h1>
           {{ content | safe }}
       </article>
+      <hr/>
       <footer>{% include 'partials/footer.njk' %}</footer>
     </main>
     <aside>{% include 'partials/sidebar.njk' %}</aside>

src/_includes/partials/navigation.njk

@@ -1,8 +1,8 @@
 <nav>
-  <a href="/">Home</a><br/>
-  <a href="/blog/">Blog</a><br/>
-  <a href="/about/">About</a><br/>
-  <a href="/links/">Links</a><br/>
-  <a href="/contact/">Contact</a>
+  <a href="/">/</a><br/>
+  <a href="/blog/">/blog</a><br/>
+  <a href="/about/">/about</a><br/>
+  <a href="/links/">/links</a><br/>
+  <a href="/contact/">/contact</a>
 </nav>
 {#INFO: It's important to stucture your links with the slashes / on either side of the href /about/ to ensure the links are always from the root of the site.#}