Botones - I

Lección 10 de 13 del curso Barra lateral | Proyecto Front-end de Coddy.

Desafío

Intermedio

Aplica estilos tanto a #openSidebarBtn como a #closeSidebarBtn:

1. Establece el color de fondo según tu elección

2. Desactiva el estilo del borde

3. Establece el radio del borde según tu elección

4. Establece el relleno (padding) según tu elección

5. Establece el tamaño de fuente según tu elección

Pruébalo tú mismo

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