responsive bug fix

Manasess896 · Jan 3, 2025 · 7897cfc · 7897cfc
1 parent 75755d1
commit 7897cfc
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 10 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/responsive.css b/responsive.css
@@ -1,34 +1,43 @@
-@media screen and (min-width:540px) {
-  .navbar{
+@media screen and (min-width:700px){
+.navbar {
     display: flex;
     width: 100%;
     top: 0;
     height: 10%;
     align-items: right;
     justify-content: right;
   }
-  .closenavbar,.opennavbar{
+
+  .closenavbar,
+  .opennavbar {
     display: none;
   }
-  .head1{
+
+  .head1 {
     visibility: visible;
   }
-  h1{
+
+  h1 {
     visibility: visible;
     display: inline-flex;
     position: fixed;
     left: 0;
     font-size: 2rem;
   }
-.nav{
-  display: none;
-}
-  .navbtn:hover{
+
+  .nav {
+    display: none;
+  }
+
+  .navbtn:hover {
     background-color: yellow;
     border-radius: 1vw;
     color: black;
-    
+
   }
+}
+@media screen and (min-width:540px) {
+
   .fa-sun,.fa-moon:hover{
     transform: scale(1.2);
   }