footer correction

DHRI-Curriculum · Jan 31, 2024 · 5bf2b6e · 5bf2b6e
1 parent dbe310a
commit 5bf2b6e
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 22 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1,5 +1,5 @@
 <div class="footer">
-  <div class="container">
+  <div class="container-fluid">
     <div class="footer-inner">
       <div class="logo">
         <a href="https://dhrift.org"><img width="{{ site.logo.desktop_width }}" height="{{ site.logo.desktop_height }}" alt="{{ site.title }}" src="{{ site.logo.light | absolute_url }}" /></a>

diff --git a/_sass/pages/_page-teams.scss b/_sass/pages/_page-teams.scss
@@ -1,5 +1,5 @@
 .page-teams {
-  background-color: #FFF9F4;
+  background-color: #ffffff;
   .team-summary {
     display: flex;
     flex-wrap: wrap;

diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -389,29 +389,46 @@ ul li {
 
 // footer stuff
 .footer {
-  background-color: $primary; 
-  color: $white; 
+  background-color: $primary;
+  color: $white;
   padding: 20px 0;
-}
-
-.menu {
-  list-style: none;
-  padding: 0;
-  display: flex;
-}
 
-.menu li {
-  margin-left: 20px;
-}
-
-.menu a {
-  color: #fff;
-  text-decoration: none;
-  font-size: 1.4em; 
-}
+  .container-fluid {
+    display: flex;
+    justify-content: space-between;
+  }
 
-.menu a:hover {
-  text-decoration: underline; 
+  .footer-inner {
+    display: flex;
+    align-items: center;
+
+    .logo {
+      img {
+        max-width: 100%;
+      }
+    }
+
+    .menu {
+      list-style: none;
+      padding: 0;
+      display: flex;
+      margin-right: 100px;
+
+      li {
+        margin-left: 200px;
+      }
+
+      a {
+        color: #fff;
+        text-decoration: none;
+        font-size: 1.4em;
+
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
 }
 
 .sub-footer {