A little bit responsiveness to header

2022-05-18 15:11:06 +03:00
parent 22df1d5818
commit aeea6f3acb
7 changed files with 40 additions and 5 deletions
--- a/styles/main.css
+++ b/styles/main.css
@@ -17,7 +17,7 @@
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-left: 20px;
-  color: #D6FFFF;
+  color: #FDFFFF;
 }
 #header .navbar {
  display: flex;
@@ -30,13 +30,27 @@
  text-decoration: none;
 }
 #header .navbar .nav-item:hover {
-  color: #D6FFFF;
+  color: #FDFFFF;
 }
@media screen and (max-width: 550px) {
  #header .navbar .nav-item:last-of-type {
    margin-right: 0;
  }
 }
+@media screen and (max-width: 730px) {
+  #header .navbar .nav-item {
+    display: none;
+  }
+}
+#header .menu {
+  display: none;
+  margin-right: 20px;
+}
+@media screen and (max-width: 730px) {
+  #header .menu {
+    display: block;
+  }
+}

 #footer {
  background: #000000;