I put in the correct codes and it still says code not pass someone please help....Learn Basic CSS by Building a Cafe Menu - Step 31

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">
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>

<!-- User Editable Region -->

          <article>
            <p>French Vanilla</p>
            <p>3.00</p>
            <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>

<!-- User Editable Region -->

        </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/116.0.0.0 Safari/537.36

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

Link to the challenge:

2

Please Tell us what’s happening in your own words.

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

Also, the more you say, the more we can help!

3

I put in the correct codes and it still says code not pass someone please help

4

Can you give us more information? Right now you’re essentially saying “something is wrong - figure out what is wrong and fix it for me”. That makes it harder for us to help you.

5

The error message says

You should have five article elements.

Have you tried adding 5 article elements? You currently only have one

Starting below the existing coffee/price pair, add the following coffee and prices using article elements with two nested p elements inside each.

This says that each pair of item and price should be in its own article element.

6

Hey, first of all great job so far with the project! Keep going!

As @JeremyLT said :point_up:

Your mistake: You placed all <p> elements inside the same <article> element
How it should be: You should have 5 <article> elements in total (including the first French Vanilla article), and in each <article> element you should have 2 <p> elements, one of them with name of the Coffee and the other the price.

Keep going, you’re doing fantastic!

1 Like
7

Thank you so much it worked

1 Like
8

Thank you it worked :grinning:

1 Like
9

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