Navbar

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

Challenge

Easy

Inside main-container div,

Create nav tag for navbar.
Give it class name “navigation”.

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>

All lessons in Bottom Navigation Bar - HTML/CSS Project

1Navigation Bar

Code Set up main-container

Navbar

Unordered list & title

2The Style

Unordered list styling

Item list styling

Animation on hover Icon