📱 Reflow some elements at smaller screen sizes

2026-07-19 09:03:02 -04:00 · 2021-08-14 13:33:45 +10:00
parent 5aa764976c
commit 1b1615476d
5 changed files with 7 additions and 5 deletions
@@ -3,9 +3,9 @@
    <a class="hover:underline" rel="me" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
  </div>
  <nav>
-    <ul class="flex list-none">
+    <ul class="flex flex-col list-none sm:flex-row">
      {{ range .Site.Menus.main }}
-        <li class="mr-7 last:mr-0">
+        <li class="text-right sm:mr-7 sm:last:mr-0">
          <a class="hover:underline" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
        </li>
      {{ end }}