From abfb2e60cc245ea6d6878681ebf2410025974343 Mon Sep 17 00:00:00 2001 From: Marc Beninca Date: Sun, 26 Jan 2025 19:38:23 +0100 Subject: [PATCH] css/nav --- rtfd/public/html/index.html | 7 ++++++- rtfd/public/html/style/main.css | 23 ++++++++++++++++++++++- 2 files changed, 28 insertions(+), 2 deletions(-) diff --git a/rtfd/public/html/index.html b/rtfd/public/html/index.html index 4162792..6a68c79 100644 --- a/rtfd/public/html/index.html +++ b/rtfd/public/html/index.html @@ -12,8 +12,13 @@
- Header. Logo of the website. +
diff --git a/rtfd/public/html/style/main.css b/rtfd/public/html/style/main.css index 5bf2815..710853f 100644 --- a/rtfd/public/html/style/main.css +++ b/rtfd/public/html/style/main.css @@ -31,6 +31,9 @@ text-align: start; header { background-color: #300; +display: flex; +gap: 1em; +justify-content: space-between; padding: 1em 2em; } @@ -106,12 +109,30 @@ ul li::marker { content: "×"; } +header nav a { +text-decoration: none; +} +header nav a:focus-visible, +header nav a:hover { +background-color: blue; +} +header nav ul { +display: flex; +gap: 1em; +list-style: none; +padding: 0; +} +header nav li::marker { +content: none; +} + a { color: inherit; } a:visited { } -a:focus-visible, a:hover { +a:focus-visible, +a:hover { } a:active { }