Merge pull request #798 from code-with-Priyanshu/secondary

Fixed some issue with the navbar .
SauravMukherjee44 · Aug 19, 2023 · c447b4e · c447b4e
2 parents c430262 + 567155e
commit c447b4e
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 1 deletion.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -121,7 +121,51 @@ body {
   margin: auto 0;
 }
 
+@media screen and (max-width: 1300px) and (min-width: 1238px){
 
+  .nav_container {
+    width: 100%;
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-left: 23px;
+  }
+
+  .dropdown-content a{
+      margin: 0px;
+      display: block;
+      padding: 4px;
+      color: #333;
+      font-size: small;
+  }
+}
+@media screen and (max-width: 1238px) and (min-width: 991px){
+
+  .nav_container {
+    width: 100%;
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-left: 23px;
+    font-size:smaller;
+
+  }
+  .dropdown-content a{
+      margin: 0px;
+      display: block;
+      padding: 4px;
+      color: #333;
+      font-size: small;
+  }
+
+
+}
+@media screen and (max-width: 1074px) and (min-width:768px){
+  .nav_container {
+    font-size:11px;
+    font-weight:bolder ;
+
+  }
+
+} 
 
 /* navbar end */
 

diff --git a/index.html b/index.html
@@ -106,7 +106,7 @@
 	<header id="header-wrap">
 		<!-- Navbar Start -->
 		<nav class="navbar navbar-expand-md bg-white fixed-top scrolling-navbar">
-			<div class="container">
+			<div class="container nav_container">
 				<!-- Brand and toggle get grouped for better mobile display -->
 				<a href="index.html" class="navbar-brand"> <img src="./assets/img/logo-small.png"
 						 alt="CodeIN-Community-Website logo"></a>