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

Español HTML-CSS
1

Me indica que debo anidarlo dentro de un main existente. No habia uno asi que yo le agregué, pero me sigue indicando

<!-- 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 class="menu">
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>

<!-- User Editable Region -->

      <section>
          <section>
          <h2>Coffee</h2>
          <article class="item">
            <p class="flavor">French Vanilla</p><p class="price">3.00</p>
          </article>
          <article class="item">
            <p class="flavor">Caramel Macchiato</p><p class="price">3.75</p>
          </article>
          <article class="item">
            <p class="flavor">Pumpkin Spice</p><p class="price">3.50</p>
          </article>
          <article class="item">
            <p class="flavor">Hazelnut</p><p class="price">4.00</p>
          </article>
          <article class="item">
            <p class="flavor">Mocha</p><p class="price">4.50</p>
          </article>
         </section>
      </section>

<!-- User Editable Region -->

      </main>
    </div>
  </body>
</html>

/* file: styles.css */
body {
  background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);
}

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

.menu {
  width: 80%;
  background-color: burlywood;
  margin-left: auto;
  margin-right: auto;
}

.item p {
  display: inline-block;
}

.flavor {
  text-align: left;
  width: 75%;
}

.price {
  text-align: right;
  width: 25%
}

Your browser information:

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

Challenge Information:

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

2

¡Bienvenido a la comunidad! ¡Buen intento! “Ahora, continúe y agregue un segundo elemento de sección debajo del primero para mostrar los postres que ofrece el café”. Arriba hay una cita de las instrucciones para este paso 46. Nos pide que introduzcamos un nuevo elemento ‘’‘’’ ’ debajo de la etiqueta de elemento de cierre para el archivo. Sugerencia: Elimine la nueva etiqueta de apertura de sección y muévala antes de la última etiqueta de sección de cierre. Espero que esto te ayude.
Continúen con el buen progreso

Welcome to the community!
Good attempt!

" now, go ahead and add a second section element below the first for displaying the desserts offered by the cafe."

Above is a quote from the instructions for this step 46.

It is asking that we enter a new <section> element below the closing element tag for the existing .

Suggestion: Remove the new section opening tag, and move it to before the last closing section tag.

I hope this helps you.

Keep up the good progress!

1 Like
3

Hola y bienvenida al foro!

Tal cual y como lo indican en la respuesta anterior, el nuevo elemento section debería escribirse con sus dos etiquetas de apertura y cierre entre las etiquetas de cierre del section existente y el último comentario del archivo index.html.

Saludos!

1 Like