Navbar styling

Lesson 9 of 12 in Coddy's Bottom Navigation Bar - HTML/CSS Project course.

Let's style the nav bar!

Challenge

Easy

Target “navigation” class:

To set a position:
a. Set the position to absolute.
b. Set the bottom to 32px.
c. Set the border-radius to 24px.
d. Set the left position to 50%.
Add the below transition styling:
```
transform: translate(-50%, 0);
```
Set the background-color to anything you like! (recommended: purple)

Try it yourself

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