Learn Basic CSS by Building a Cafe Menu - Step 36

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

Coffee

French Vanilla

3.00

```html Cafe Menu

CAMPER CAFE

Est. 2020

      <h2>Coffee</h2>
      <article>
        <p class=item></p>
        <p class="flavor">French Vanilla</p>
        <p class="price">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;
}

.flavor {
  text-align: left;
}

.price {
  text-align: right;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36 Edg/110.0.1587.69

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

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

im trying to add a class attribute with the value item to the first article element under the Coffee heading.

4
  • wrong syntax

look at how “flavor” is used and try use same syntax fro “item” as well, happy learning :slight_smile:

5

Coffee

item

French Vanilla

3.00

6

As said in the above reply, look at your examples you already have in your code. This is an example of a class that has been added to a paragraph element


<p class=item></p>

Now, using this a a guide. Add the class of “value” to the first article element

7

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