Step 45 Cafe Menu Don't understand how to add these to the p elements

HTML-CSS
1

I’ve tried adding the class flavor and the value price to the rest of the p elements but I get an error in my code as usual. Any help here?

my code:

<p class="flavor">French Vanilla</p><p class="price"><flavor="price">3.00</p>
          </article>
          <article class="item">
            <p>Caramel Macchiato</p><p flavor="price">3.75</p>
          </article>
          <article class="item">
            <p>Pumpkin Spice</p><p flavor="price">3.50</p>
          </article>
          <article class="item">
            <p>Hazelnut</p><p flavor="price">4.00</p>
          </article>
          <article class="item">
            <p>Mocha</p><p flavor="price">4.50</p>
          </article>

link to the challenge:
Learn Basic CSS by Building a Cafe Menu: Step 45 | freeCodeCamp.org

2

that’s class=“price”, not flavor=“price”

1 Like
3

I tried adding class price to all other 4 p elements, unless you’re saying I need to remove class price from the very 1st p element. I did it vice versa, and still no go.

4

Hi @Egaul98 ,

You just need to follow the same pattern as the very first p elements in the very first article : (restart the challenge)

 <p class="flavor">French Vanilla</p><p class="price">3.00</p>

Your p elements :

1 Like
5

‘Flavour’ isn’t a html attribute.

Look at the code in line 19, you need to repeat what was done in that line of code to the other p elements.

2 Likes
6

That’s a very interesting way you guys looked at it. I never thought of it that way,
from my perspective I thought I needed to add the flavor and price to a certain sect of all the remaining p elements.

1 Like
7

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