Navbar-Styling

Lektion 9 von 12 im Kurs Untere Navigationsleiste - HTML/CSS Projekt von Coddy.

Lass uns die Navigationsleiste stylen!

Aufgabe

Einfach

Zielen Sie auf die Klasse „navigation“ ab:

Um eine Position festzulegen:
a. Setzen Sie die Position auf absolute.
b. Setzen Sie den unteren Abstand (bottom) auf 32px.
c. Setzen Sie den Rahmenradius (border-radius) auf 24px.
d. Setzen Sie die linke Position (left) auf 50%.
Fügen Sie das folgende Transition-Styling hinzu:
```
transform: translate(-50%, 0);
```
Setzen Sie die Hintergrundfarbe (background-color) auf einen beliebigen Wert! (empfohlen: purple)

Probier es selbst

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>