Anyone online to help? I am stuck

Tell us what’s happening:
Describe your issue in detail here.
I am trying to nest the five

elements into the article but its not responding, am I nesting it wrongly?

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<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" type="text/css" />
</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>

        <article>
          <p>Caramel Macchiato</p>
          <p>3.75</p>
          <p>Pumpkin Spice</p>
          <p>3.50</p>
          <p>Hazelnut</p>
          <p>4.00</p>
          <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;
}

Challenge: Step 32

Link to the challenge:

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

1 Like

Hi @victorkosi2 ,

Each Coffee/price pair should be nested within an article element, just like the first pair :

1 Like

thanks I’m good to go!

1 Like