responsive design added for navbar

Anu27n · Oct 20, 2024 · ff74102 · ff74102
1 parent 28b4921
commit ff74102
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/style.css b/src/style.css
@@ -313,6 +313,19 @@ body.nav-active {
   border-bottom: 1px solid rgb(238, 187, 120);
   margin-bottom: 10px;
 }
+@media(max-width:520px){
+  .top_navbar_style{
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  justify-items: center;
+  padding: 20px;
+  margin-top: -34px;
+  color: rgb(234, 231, 226);
+  border-bottom: 1px solid rgb(238, 187, 120);
+  margin-bottom: 10px;
+  }
+}
 .separator {
   width: 8px;
   height: 8px;