fix title on small screens

Author: denten

_includes/header.html

@@ -1,14 +1,14 @@
-<header class="grid grid-cols-3 items-baseline gap-x-4 bg-stone-50 px-6 py-2">
-    <div class="justify-self-start">
-        <a href="{{ '/' | relative_url }}" class="text-xl font-semibold tracking-tight">
-            Lab<span class="text-red-500">/</span>Notes
-        </a>
+<header class="bg-stone-50 px-6 py-2">
+  <div class="flex flex-col gap-1 md:flex-row md:items-baseline md:justify-between">
+    <div>
+      <a href="{{ '/' | relative_url }}" class="text-xl font-semibold tracking-tight">
+        Lab<span class="text-red-500">/</span>Notes
+      </a>
     </div>
 
-  <div></div>
-
-  <div class="justify-self-end whitespace-nowrap text-sm text-gray-600">
-    A peer-reviewed journal on research design and method.
+    <div class="text-xs md:text-sm text-gray-600">
+      A peer-reviewed journal on research design and method.
+    </div>
   </div>
 </header>