move footer

css/styles.css

@@ -9,7 +9,8 @@
     --primary-red: #FF0000;
     --primary-green: #008000;
     --primary-black: #000000;
-    --sidebar-bg: #f0f0f0;
+    --sidebar-bg: #f8f8f8;
+    --footer-bg: #f0f0f0;
     --main-bg: #ffffff;
     --text-color: #000000;
     --tag-bg: #f8f8f8;
@@ -26,7 +27,7 @@ body {
     color: var(--text-color);
     background-color: var(--main-bg);
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
 }
 
 .container {
@@ -596,9 +597,12 @@ img {
 /* Footer */
 .footer {
     margin-top: 40px;
-    padding: 30px 0;
-    background-color: var(--sidebar-bg);
+    padding: 30px 20px;
+    background-color: var(--footer-bg);
     text-align: center;
+    width: 100%;
+    box-sizing: border-box;
+    align-self: stretch;
 }
 
 .footer-logo {