From e12701fa24f2845de3a8b790c094e2ac1fc505ab Mon Sep 17 00:00:00 2001
From: Severin Kaderli <severin@kaderli.dev>
Date: Wed, 13 Jul 2022 14:32:38 +0200
Subject: [PATCH] Improve mobile styles

Signed-off-by: Severin Kaderli <severin@kaderli.dev>
---
 index.html | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index a97e0fe..654d070 100644
--- a/index.html
+++ b/index.html
@@ -52,7 +52,6 @@
 
         .page {
             margin: calc(4 * var(--spacing)) auto 0;
-
             padding: var(--spacing);
             width: 100%;
             max-width: var(--width);
@@ -87,15 +86,13 @@
             list-style: none;
             display: flex;
             margin-left: var(--spacing);
+            flex-wrap: wrap;
+            gap: var(--spacing);
         }
 
-        li:not(:first-child) {
-            margin-left: var(--spacing);
-        }
-
-        li:not(:first-child):before {
+        li:not(:last-child):after {
             content: "/";
-            margin-right: var(--spacing);
+            margin-left: var(--spacing);
         }
 
         h2 {
@@ -111,6 +108,7 @@
         a:hover {
             text-decoration: underline;
         }
+
     </style>
 </head>