Rename Header to NavBar and add it to the bottom too

2022-07-03 21:39:29 +03:00
parent d16f34a1ea
commit 136b775c2b
7 changed files with 15 additions and 24 deletions
--- a/styles/NavBar.module.scss
+++ b/styles/NavBar.module.scss
@@ -0,0 +1,35 @@
+.navBarContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: 1rem;
+  margin-top: 1rem;
+}
+
+.navBar {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+.navBarLink {
+  padding-left: 15px;
+  padding-right: 15px;
+  color: #2f273e;
+  text-decoration: none;
+  font-size: 1.4rem;
+}
+
+@media screen and (max-width: 600px) {
+  .navBarLink {
+    width: 100%;
+    padding: 0px;
+    text-align: center;
+    text-decoration: underline;
+    font-size: 1.5rem;
+    margin-bottom: 4px;
+    margin-left: 1rem;
+    margin-right: 1rem;
+    width: auto;
+  }
+}