fix(header): two-row column

_includes/header.html

@@ -7,13 +7,19 @@
   </h1>
 
   <nav>
+    <p class='categories'>
       {% for collection in site.collections %}
         {% if collection.title %}
         <a href="{{ collection.path | prepend: site.baseurl }}">{{ collection.title }}</a>
         {% endif %}
       {% endfor %}
+    </p>
+    <p>
       <a href='mailto:{{ site.email }}'>email</a>
+      <a href='https://github.com/mdibaiee'>github</a>
+      <a href='https://www.linkedin.com/in/mdibaiee/'>linkedin</a>
       <a href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">feed</a>
+    </p>
   </nav>
 
 </header>

_sass/_layout.scss

@@ -41,7 +41,7 @@ header {
 
   nav {
     margin-top: 1rem;
-    margin-bottom: 3rem;
+    margin-bottom: 1rem;
   }
   nav a {
     margin: 0 1rem;
@@ -55,12 +55,11 @@ header {
 .page-heading {
   text-align: center;
   font-style: italic;
-  margin-bottom: 3rem;
   width: 20%;
   height: 1px;
   border: 1px dotted rgba(0, 0, 0, 0.1);
 
-  margin: 5rem auto;
+  margin: 2rem auto 5rem;
 }
 
 .post-list, .post-header {