Aprende CSS básico construyendo un menú de cafetería - Paso 23

HTML-CSS
1

Cuéntanos qué está pasando:

Alguien que me ayude con este punto no entiendo porque no pasa de nivel

Tu código hasta el momento

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Cafe Menu</title>
    <link href="styles.css" rel="stylesheet"/>
  </head>
  <body>
    <div id="menu">
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
        </section>
      </main>
    </div>
  </body>
</html>

/* file: styles.css */
body {
  /*
  background-color: burlywood;
  */
}

h1, h2, p {
  text-align: center;
}

/* User Editable Region */

div {
  width: 300px
     background-color burlywood;
}

/* User Editable Region */

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (iPad; CPU OS 17_6_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/131.0.6778.134 Mobile/15E148 Safari/604.1

Información del Desafío:

Aprende CSS básico construyendo un menú de cafetería - Paso 23

2

Haga clic en el botón Restablecer para restablecer este problema. Ha eliminado una parte clave de esta lección, es decir, ha eliminado el selector ‘#menu’ que toma o selecciona el elemento HTML en su archivo HTML. En su lugar, su código muestra que está manipulando un ‘div’. Además, el código dentro del ‘div’ tiene un error de sintaxis, le falta un punto y coma ;. A medida que comience a codificar, se dará cuenta de que los puntos y coma son el peor enemigo de los principiantes.

No sé dónde tienes problemas con el material, pero a veces ayuda mirar el panorama general. El panorama general aquí es que estás diseñando un archivo HTML a partir de un archivo CSS nombrando una identificación “id” o una clase “class” en tu archivo HTML y luego seleccionando esa “id” o “class” en tu archivo CSS y luego manipulándola agregando o cambiando sus atributos.


<seleccionador> {
<nombre del atributo>:   <valor>;

}