Conteúdo da Barra Lateral

Lição 4 de 13 do curso Sidebar | Projeto Front-end da Coddy.

Desafio

Fácil

1. Dentro da 'sidebar', abaixo do botão 'Close', crie quatro tags de parágrafo, incluindo o texto 'Home', 'About', 'Services' e 'Contact'.

2. Defina a margem da tag body como zero no arquivo CSS.

Experimente você mesmo

<!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>