From 1af73e4f2c7b7c984f640af9f5f0953311f5e97b Mon Sep 17 00:00:00 2001
From: oyelakin mercy <oyelakinmercy12@gmail.com>
Date: Oct 13 2020 13:51:10 +0000
Subject: [PATCH 1/3] Update src/css/footer.css


---

diff --git a/src/css/footer.css b/src/css/footer.css
index 60ad672..751dc2a 100644
--- a/src/css/footer.css
+++ b/src/css/footer.css
@@ -15,3 +15,13 @@ footer.footer {
 .footer a {
   color: #5d5d5d;
 }
+
+
+.footer a {
+  color: #5d5d5d;
+  text-decoration: none;
+}
+
+.footer a:hover {
+  text-decoration: underline;
+}
\ No newline at end of file

From 9da010c5686427a90e912cf42fafaf12de15118d Mon Sep 17 00:00:00 2001
From: oyelakin mercy <oyelakinmercy12@gmail.com>
Date: Oct 13 2020 16:18:02 +0000
Subject: [PATCH 2/3] Menu Item opened when activated


Open menu item in site navigation when menu item is clicked. When the user clicks on a menu item in the site navigation that has children, that menu item should be opened so its direct children become visible.
---

diff --git a/src/js/01-navigation.js b/src/js/01-navigation.js
index 3272cf9..672a96c 100644
--- a/src/js/01-navigation.js
+++ b/src/js/01-navigation.js
@@ -46,10 +46,10 @@
       menuPanel
     ).forEach(function (item) {
       item.classList.add('is-active')
-    })
+ 
+  })
   }
 
-  var currentPageItem = menuPanel.querySelector('.is-current-page')
   if (currentPageItem) {
     activateCurrentPath(currentPageItem).forEach(function (itemId) {
       if (expandedItems.indexOf(itemId) < 0) expandedItems.push(itemId)

From cbef4bd399a75e9df3e275a22e558597edf735c0 Mon Sep 17 00:00:00 2001
From: oyelakin mercy <oyelakinmercy12@gmail.com>
Date: Oct 13 2020 23:00:01 +0000
Subject: [PATCH 3/3] flex: auto is added to article so it expand to the width available


Updated url - src/css/doc.css

The main content column collapses if the longest line of content is shorter than the available width. In other words, the column does not expand to fill the space it's allowed to use. The addition of the sidebar just makes it more obvious because it provides a reference point.

 flex: auto is added to the article so it expand to the width available.
---

diff --git a/src/css/doc.css b/src/css/doc.css
index 343aab8..afd5987 100644
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -7,6 +7,7 @@
 
 @media (min-width: 1024px) {
   .doc {
+  	flex: auto;
     margin: 0 2rem;
     max-width: 54rem;
   }