From e83cbcd107e14be75bb0617a6a879ace4ebf6804 Mon Sep 17 00:00:00 2001
From: "Mbugua." <105845499+mbuguadouglas@users.noreply.github.com>
Date: Tue, 3 Sep 2024 12:13:48 +0000
Subject: [PATCH] make the hamburger menu responsive

change the flow of the contents in the menu creating a smoother UI
---
 about.md           |  2 +-
 assets/css/bpd.css | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/about.md b/about.md
index 74612e9..a586eea 100644
--- a/about.md
+++ b/about.md
@@ -50,7 +50,7 @@ Here is a look at our current initiatives? Select to learn more.
 
 ## Leadership Team
 
-<div class="grid" style="display:flex; flex-wrap: wrap;" markdown="1">
+<div class="grid" style="display:flex; flex-wrap: wrap; justify-content:center;" markdown="1">
 
 <article class="leadership-photo-container">
 <img class="leadership-photo" alt="photo of Jay" src="https://github.com/kjaymiller.png">
diff --git a/assets/css/bpd.css b/assets/css/bpd.css
index 0c1264d..fa1d32a 100644
--- a/assets/css/bpd.css
+++ b/assets/css/bpd.css
@@ -283,11 +283,21 @@ a.logo-text img {
 
   .site-navigation-wrap {
     height: 100%;
+    width: 100%;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     position: relative;
   }
 
+  .site-navigation-wrap ul {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .site-navigation-wrap ul li {
+    width: 90%;
+  }
+
   .menu {
     opacity: 0;
     padding: 7rem 45px 2.5rem;