blog update

Author: Zia-Rashid

_sass/layout/_masthead.scss

@@ -29,13 +29,19 @@
     @include clearfix;
     padding: 0.5em 1em;
     font-family: $sans-serif-narrow;
+    
+    /* Center the navigation content */
+    display: flex;
+    justify-content: center;
+    align-items: center;
 
     @include breakpoint($x-large) {
       max-width: $x-large;
     }
 
     nav {
       z-index: 10;
+      width: 100%;
     }
 
     a {

_sass/layout/_navigation.scss

@@ -176,6 +176,22 @@
   position: relative;
   min-width: 250px;
   background: var(--global-bg-color);
+  
+  /* Center the navigation and add spacing */
+  display: flex;
+  justify-content: center;
+  padding-left: 3rem;
+  padding-right: 3rem;
+
+  @include breakpoint($large) {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
+
+  @include breakpoint($x-large) {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
 
   a {
     display: block;
@@ -204,6 +220,7 @@
 
   .visible-links {
     display: table;
+    margin: 0 auto; /* Center the links */
 
     li {
       display: table-cell;