Iam stuck in this step .i have added 5 article elements but still it is asking me to add.plz help me regarding this.thank u

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **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 3.00</p>        
          <p>Caramel Macchiato 3.75</p>      
          <p>Pumpkin Spice 3.50</p>     
            <p>Hazelnut 4.00</p>   
            <p>Mocha 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.53 Safari/537.36 Edg/103.0.1264.37

Challenge: Step 32

Link to the challenge:

2

All of this is still only one article element.

The task also expects you to maintain the same structure in each article element. In the starting code, you had this for the French Vanilla:

<article>
   <p>French Vanilla</p>
   <p>3.00</p>
</article>
3

thank you so much for the quick reply.

4

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