Merge pull request #129 from mr-panther01/feature/responsive-design

responsive design added for top navbar
Anu27n · Oct 20, 2024 · 14d1b94 · 14d1b94
2 parents b2e2d38 + ff74102
commit 14d1b94
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/style.css b/src/style.css
@@ -321,6 +321,19 @@ body.nav-active {
   margin-bottom: 10px;
   font-family:var(--fontFamily-dm_sans);
 }
+@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;