Boutons - I

Leçon 10 sur 13 du cours Barre latérale | Projet Front-end de Coddy.

Défi

Moyen

Ciblez à la fois #openSidebarBtn et #closeSidebarBtn :

1. Définissez la couleur d'arrière-plan selon votre choix

2. Désactivez le style de bordure

3. Définissez le rayon de la bordure (border radius) selon votre choix

4. Définissez le remplissage (padding) selon votre choix

5. Définissez la taille de la police (font size) selon votre choix

Essayez vous-même

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