Butonlar - I

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

Görev

Orta

Hem #openSidebarBtn hem de #closeSidebarBtn öğelerini hedefleyin:

1. Arka plan rengini seçiminize göre ayarlayın

2. Kenarlık stilini devre dışı bırakın

3. Kenarlık yarıçapını seçiminize göre ayarlayın

4. İç boşluğu seçiminize göre ayarlayın

5. Yazı tipi boyutunu seçiminize göre ayarlayın

Kendin dene

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <title>Mobile Sidebar</title>
</head>
<body>
  <button id="openSidebarBtn">Open</button>
  <div id="sidebar" class="sidebar">
    <button id="closeSidebarBtn">Close</button>
    <!-- Your sidebar content goes here -->
    <p>Home</p>
    <p>About</p>
    <p>Services</p>
    <p>Contact</p>
  </div>
  <script src="script.js"></script>
</body>
</html>