Merge pull request #236 from Murdock9803/resposive-resource

Made resource-navbar section responsive
creativecommons · Mar 22, 2024 · e7db504 · e7db504
2 parents 51530ac + 57f1f3d
commit e7db504
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/docs/style.css b/docs/style.css
@@ -237,15 +237,15 @@ color: white;
 }
 
 #resourcenavbar {
-width: 600px;
-height: 150px;
+height: fit-content;
 margin: 0 auto 100px;
+display: flex;
+justify-content: center;
 }
 
 .resourcenav {
 width: 200px;
-height: 150px;
-float: left;
+height: fit-content;
 display: none;
 }
 
@@ -267,3 +267,9 @@ footer a {
 footer .donate a {
     color: #000;
 }
+
+@media screen and (max-width: 600px) {
+    #resourcenavbar {
+        flex-direction: column;
+    }
+}