Sidebar Content

Lesson 4 of 13 in Coddy's Sidebar | Front-end Project course.

Challenge

Easy

1. Inside the'sidebar', below the 'Close' button, create four paragraph tags, including the text 'Home', 'About', 'Services', and 'Contact'.

2. Set the margin of the body tag to zero in the CSS file.

Try it yourself

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
    <title>Sidebar</title>
</head>
    <body>
        <button id="openSidebarBtn">Open</button>
        <div id="sidebar" class="sidebar">
            <button id="closeSidebarBtn">Close</button>
            <!-- Write HTML code here -->

        </div>
        <script src="script.js"></script>
    </body>
</html>