Sidebar Content

Coddy'nin Kenar Çubuğu | Front-end Projesi kursunda ders 4 / 13.

Görev

Kolay

1. 'sidebar' içinde, 'Close' butonunun altında, 'Home', 'About', 'Services' ve 'Contact' metinlerini içeren dört adet paragraf etiketi oluşturun.

2. CSS dosyasında body etiketinin margin değerini sıfır olarak ayarlayın.

Kendin dene

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