Aprende diseño web adaptativo construyendo un piano - Paso 7

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.
Debes tener 21 elementos .key?que son los elementos .key?
Tu código hasta el momento

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Piano</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>
  <body>

<!-- User Editable Region -->

    <div id="piano">
      <div class="keys">
        <div class="key"></div>
        <div class="key black--key"></div>
        <div class="key black--key"></div>
        <div class="key"></div>
        <div class="key black--key"></div>
        <div class="key black--key"></div>
        <div class="key black--key"></div>
        
      </div>
    </div>

<!-- User Editable Region -->

  </body>
</html>
/* file: styles.css */

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge: Aprende diseño web adaptativo construyendo un piano - Paso 7

Enlaza al desafío:

Hola!

Para este caso, el error hace referencia al valor que haya en el atributo class de un elemento (en este caso, los div dentro de .keys).

Por ejemplo, en un elemento <p class="parrafo texto-negro negrita">Estoy aprendiendo HTML y CSS con FreeCodeCamp</p>, podría decir:

Los elementos que tengan la clase .parrafo deben ser tener un tamaño de fuente de 14px

Por lo que haría referencia a todos los elementos que tengan, dentro de class, al menos una clase llamada parrafo.

Espero te sirva la explicación :slight_smile:,

Saludos!