fix small mobile issues with layout

Author: denten

_includes/header.html

@@ -8,7 +8,7 @@
         </div>
 
         <nav class="min-w-0" aria-label="Primary">
-            <div class="flex flex-wrap gap-x-6 gap-y-3 px-6 font-mono text-sm uppercase tracking-[0.12em] ">
+            <div class="flex flex-wrap gap-x-4 md:gap-x-6 gap-y-3 px-6 font-mono text-sm uppercase tracking-[0.12em] ">
                 <a href="{{ '/' | relative_url }}" class="{% if page.url == '/' %}text-black underline underline-offset-[0.22rem] decoration-[1px]{% else %}text-gray-500 hover:text-black{% endif %}"
                   {% if page.url == '/' %}aria-current="page"{% endif %}>
                   Home</a>