Update website.css

SoftUni · Aug 26, 2022 · 719506f · 719506f
1 parent f5098aa
commit 719506f
Showing 1 changed file with 24 additions and 21 deletions.
diff --git a/styles/website.css b/styles/website.css
@@ -85,49 +85,52 @@ span.run-code-loading {
     height: 100%;
 }
 
-/* Navigation Modal */
 
-.logo {
-    padding-top: 0.5em;
-    width: 120px;
-}
+/* Top navigation menu */
 
 .topnav {
+    padding: 10px 5px 5px 15px;
+    border-radius: 3px;
     background-color: #f1f1f1;
     overflow: hidden;
     display: flex;
     align-items: center;
 }
 
 .topnav a {
+    font-size: 0.95em;
     text-align: center;
     display: inline-block;
     color: #333333;
-    padding-left: 1.5em;
+    padding-right: 2.0em;
 }
 
-@media screen and (max-width: 300px) {
-    .topnav {
-        display: none;
-    }
+.topnav .logo {
+    padding-top: 0.4em;
+    width: 150px;
+    min-width: 100px;
 }
 
-@media screen and (max-width: 750px) {
-    .logo {
+@media screen and (max-width: 880px) {
+    .topnav .logo {
         content: url("/assets/software-university-vertical-logo.svg");
-        padding-top: 0.5em;
-        padding-left: 1.5em;
-        width: 80px;
+        padding: 5px 0;
+        width: 50px;
+        min-width: 40px;
     }
     .topnav {
         white-space: normal;
-        display: flex;
         flex-direction: row;
     }
-     .topnav a {
-        padding-left: 0em;
-        padding-right: 1.5em;
-        padding-bottom: 0.3em;
-        font-size: 75%
+    .topnav a {
+        font-size: 90%;
+        padding-right: 7%;
+    }
+}
+
+@media screen and (max-width: 450px) {
+    .topnav a {
+        padding-right: 1.2em;
+        font-size: 80%;
     }
 }