Learn Basic CSS by Building a Cafe Menu - Step 32

I don’t understand how to have 5 “article” elements when I have only 4 texts to write. Please help me. Thank you! This is the error showed by the platform:

Test

Sorry, your code does not pass. Don’t give up.

Hint

You should have five article elements.

  **Your code so far**
/* 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">
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>          <h2>Coffee</h2>
        <article>
          <p>French Vanilla</p>
          <p>3.00</p>
        </article>
        <p>Caramel Machiato</p>
          <p> 3.75 </p>
        <article>
          <p>Pumpkin Spice</p>
          <p>3.50</p>  
          </article>
        <article>
          <p>Hazelnut</p>
          <p>4.00</p>
          </article>
          <article>
            <p>Mocha</p>
            <p>4.50</p>
            </article>        
      </section>
    </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;
}
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.134 Safari/537.36 Edg/103.0.1264.77

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 32

Link to the challenge:

check the order of your article elements, it needs to have an open, close, open, close sequence

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.