Step 32 of Camper Cafe

Tell us what’s happening:
So I did the 5 articles without the classes first bc it never showed me how to add the classes yet. They looked like but with the right stuff inside & 5 of them.

the different coffee flavors

the cost

Still didnt pass so i tried spaces or adding the classes or making another article since it said i still needed five or something.
  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<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" type="text/css" />
</head>
<body>
  <div class="menu">
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
        <article class="coffee">
          <p>French Vanilla</p>
          <p class="price">3.00</p>
        </article>
        <article class="coffee">
           <p>Caramel Macchiato</p>
           <p class="price">3.75</p>
        </article>
        <article class="coffee">
            <p>Pumpkin Spice</p>
            <p class="price">3.50</p>
        </article>
        <article class="coffee">
            <p>Hazelnut</p>
            <p class="price">4.00</p>
        </article>
        <artcile class="coffee">
             <p>Mocha</p>
             <p class="price">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/102.0.5005.63 Safari/537.36

Challenge: Step 32

Link to the challenge:

Hi,
You haven’t been asked to add a class to the article in this step, or add a price class to the p element. Remove that part.

You also need to use the text provided without removing or changing any of it. You’ve removed some of the coffee names which is also stopping the code passing.

Hope that helps!

I originally didn’t add that part but did as a last resort bc i saw another form with it on.

(Just realised you didn’t remove any text, sorry for saying that when you didn’t.)

I removed the classes again but it still didnt work

I tested your code and if you discount the extra classes you added,

Check how you spelled article on the last opening tag. It is misspelled.

1 Like

omg you’re right and i can’t believe i didnt see that after looking at it for like 10mins.

1 Like

thank you. i should probably do this in a not screaming kids setting

1 Like