give nav bar style

2025-06-23 13:56:24 +02:00
parent 6cceae17d0
commit 5741783dbe
2 changed files with 38 additions and 7 deletions
--- a/CSS/style.css
+++ b/CSS/style.css
@@ -19,10 +19,39 @@ body {
 }

 .top-bar h1 {
-    margin: 0;
+    margin: 0 30px 0 0;
    font-size: 1.5em;
 }

+.top-nav {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: auto;
+}
+
+.top-nav ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.top-nav li {
+    margin-right: 15px;
+}
+
+.top-nav li a {
+    color: white;
+    text-decoration: none;
+    padding: 8px 12px;
+    border-radius: 4px;
+    background-color: transparent;
+    cursor: pointer;
+    font-size: 0.9em;
+}
+
 .user-info {
    display: flex;
    align-items: center;