Help please i cant seem to understand this

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</p>
          </article>
          <article>
          <p>3.00</p>
          </article>
          <article>
          <p>Caramel Macchiato</p>
          </article>
          <article>
          <p>3.75</p>
          </article>
          <article>
        <p>Pumkin Spice</p>
        </article>
        <article>
       <p>3.50</p>
       </article>
       <article>
       <p>Hazelnut</p>
       </article>
       <article>
       <p>4.00</p>
       </article>
       <article>
       <p>Mocha</p>
       </article>
       <article>
       <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.0.0 Safari/537.36

Challenge: Step 32

Link to the challenge:

Remember what the challenge provided:

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

You need to do the same, for the other products mentioned. You will copy and paste the piece of code above several times and change only the required values. Like this:

<article>
            <p>French Vanilla</p>
            <p>3.00</p>
</article>
<article>
            <p>PRODUCT 2</p>
            <p>PRICE OF THE PRODUCT 2</p>
 </article>
.
.
.
1 Like

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