Learn Basic CSS by Building a Cafe Menu - Step 31

Tell us what’s happening:

ive doen two p elements for each of the article elements but i get the hint each article element should have two p elements

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>
          
          </article><p>Carmel Macchiato</p>
          <p>3.75</p>
         
          <article><p>Pumkin 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>
          <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/128.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 31

Carmel Macchiato isn’t within article tags

Cafe Menu

CAMPER CAFE

Est. 2020

Coffee

French Vanilla

3.00

      </article>
      <article>
        <p>Carmel Macchiato</p>
      <p>3.75</p>
     </article>
      
      <article>  
        <p>Pumkin 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>
so i fixed the article tags but i got the hint Your second `article` element should have `p` elements with the text `Caramel Macchiato` and `3.75` .

Please format your code in between two lines of three backticks so it is readable on the forum.

—Cafe Menu
CAMPER CAFE
Est. 2020

Coffee
French Vanilla

3.00

      </article>
      <article>
        <p>Carmel Macchiato</p>
      <p>3.75</p>
     </article>
      
      <article>  
        <p>Pumkin 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>

so i fixed the article tags but i got the hint Your second article element should have p elements with the text Caramel Macchiato and 3.75 .

like this

does anyone know how to do the two lines and three back tics

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

The hint is trying to tell you something.
Similar to the mistakes you have made in other posts, we encourage you to check your spelling.

yep as soon as you said check the spelling it was staring straight at me wow cant beleve i didn’t see that