Learn Basic CSS by Building a Cafe Menu - Step 32

Starting below the existing coffee/price pair, add the following coffee and prices using article elements with two nested p elements inside each. As before, the first p element’s text should contain the coffee flavor and the second p element’s text should contain the price.

Caramel Macchiato 3.75
Pumpkin Spice 3.50
Hazelnut 4.00
Mocha 4.50

I can’t seem to understand what I am doing wrong. I’ve nested the two

elements into all 5 articles. Have overlooked spelling, etc. Would love for someone to point me in the right direction, just not give away the answer. Thanks!

  **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>
        <article>
          <p>Caramel Macchiato</p> 
          <p>3.75</p>
        </article>
        <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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

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

Link to the challenge:

Solved. Still don’t see what I did different, but I ended up just copy and pasting the first FV article and just replaced them with the new coffee names and prices.

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