From 2d8eb5e42904f4d4cbcf189cedb708e44a129888 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sun, 21 Jul 2024 09:56:10 +0800
Subject: [PATCH] Turn popover navigation menu into flexbox

---
 src/_includes/global/navbar.njk | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/_includes/global/navbar.njk b/src/_includes/global/navbar.njk
index 5003a801..bb9baaa9 100644
--- a/src/_includes/global/navbar.njk
+++ b/src/_includes/global/navbar.njk
@@ -37,8 +37,9 @@
         list-style-type: "";
         margin: 0;
         padding: 0;
-        display: grid;
-        gap: 1.5em;
+        display: flex;
+        gap: 1em;
+        flex-wrap: wrap;
         text-align: center;
     }
 
@@ -75,7 +76,8 @@
     .navbar__popover {
         background-color: var(--clr-navbar-bg);
         border: 0.15em solid var(--clr-navbar-link);
-        padding: 2em 3em;
+        padding: 1.5em;
+        max-width: 85%;
     }
 
     .navbar__popover::backdrop {
@@ -90,6 +92,7 @@
 
         .navbar__links {
             display: flex;
+            flex-wrap: wrap;
             justify-content: space-evenly;
             gap: 0.5em;
         }