Learn Basic CSS by Building a Cafe Menu - Step 42

Tell us what’s happening:

Describe your issue in detail here.
I don’t know what else i need to do in order to get it right

Your code so far

French Vanilla

3.00

Caramel Macchiato

3.75

Pumpkin Spice

3.50

Hazelnut

4.00

Mocha

4.50

```html Cafe Menu

CAMPER CAFE

Est. 2020

Coffee

French Vanilla

3.00

      <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>
```
/* 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;
}

.item p {
  display: inline-block;
}

.flavor {
  text-align: left;
  width: 50%;
}

.price {
  text-align: right;
  width: 50%;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36 OPR/106.0.0.0

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 42

You appear to have created this post without editing the template. Please edit your post to 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!

Welcome to the forum @hammedjamiu30

This step want to you add the class attribute to the rest of the article elements. Look at your code a few lines above to see what you did.

Happy coding