Layout in home

johanbrook · Sep 19, 2023 · 24dd6a5 · 24dd6a5
1 parent 0c5b3d9
commit 24dd6a5
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/_includes/layouts/home.njk b/src/_includes/layouts/home.njk
@@ -12,11 +12,13 @@ home: true
     </section>
 
     <section class="mb4">
-      <header class="flex items-center">
+      <header class="flex items-center justify-between">
         <h1 class="f2 mb0">On my mind</h1>
 
-        <a href="/mind" class="ml3 f5" title="Read more">All notes</a>
-        <a href="/mind.xml" class="ml2 ml-1 f5" title="Atom feed">Feed {{ comp.icon({ class: "ml1" }) | safe }}</a>
+        <p class="mb0 flex items-center gap f5">
+        	<a href="/mind" title="Read more">All notes</a>
+        	<a href="/mind.xml" title="Atom feed">Feed {{ comp.icon({ class: "ml1" }) | safe }}</a>
+        </p>
       </header>
 
       <ol>
@@ -48,11 +50,13 @@ home: true
     </section>
 
     <section>
-      <header class="flex items-center mb3">
+      <header class="flex items-center justify-between mb3">
         <h1 class="f2 mb0">Writings</h1>
 
-        <a href="/writings" class="ml3 f5" title="Read more">All writings</a>
-        <a href="/feed.xml" class="ml2 ml-1 f5" title="Atom feed">Feed {{ comp.icon({ class: "ml1" }) | safe }}</a>
+        <p class="mb0 flex items-center gap f5">
+	        <a href="/writings" title="Read more">All writings</a>
+	        <a href="/feed.xml" title="Atom feed">Feed {{ comp.icon({ class: "ml1" }) | safe }}</a>
+        </p>
       </header>
 
       <ol>