Learn Basic CSS by Building a Cafe Menu - Step 31

Tell us what’s happening:

I keep getting the error “Each article element should have two p elements.” I’ve checked multiple times and I see two p elements per article so I don’t know what I did wrong if someone could please help me out that would help me a lot. I appreciate any help you can provide.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <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"/>
    <div class="menu">
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>

<!-- User Editable Region -->

            <p>French Vanilla</p>
            <p>Caramel Macchiato</p>
            <p> 3.75</p> 
            <p> Pumkin Spice</p> 
            <p> 3.50</p> 
               <p> 4.00 </p> 
                 <p> mocha <p/> 
                 <p> 4.50 </p>

<!-- User Editable Region -->

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

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 31

Hi there!


Fix it and your code will pass
Also try to avoid unnecessary spaces and put the titles exactly as they are,
“Mocha” instead of “mocha”

In addition to @Ray13’s post, you also need to remove that extra article closing tag.

1 Like

omg i’m so dumb thank you so much

1 Like

thank you so much for the help

1 Like