Why is the footer not staying at the bottom?

gems-cyberlang · Nov 16, 2023 · 061bdf9 · 061bdf9
1 parent 695755d
commit 061bdf9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/_includes/header.html b/_includes/header.html
@@ -1,4 +1,4 @@
-<header class="d-flex flex-column flex-md-row align-items-center pb-3 mb-5 border-bottom">
+<header class="pb-3 mb-5">
   <div>
     <a href="{{ site.github.url }}/" class="d-flex align-items-center text-decoration-none" title="Home">
       <img src="/assets/img/cyberlang-logo.png" alt="CYB3RL4NG logo" width="30" style="margin-right: 10px;">

diff --git a/_sass/_header.scss b/_sass/_header.scss
@@ -5,6 +5,13 @@
 
 @use "theme";
 
+header {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border-bottom: solid;
+}
+
 .site-title {
   font-family: "PixeloidMono";
   font-weight: bold;