Learn Basic CSS by Building a Cafe Menu - Step 44

Tell us what’s happening:
Describe your issue in detail here.
I don’t know what i’m doing wrong.

Step 44

To complete the styling, add the applicable class names flavor and price to all the remaining p elements.

Your code so far

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

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

Link to the challenge:

Please explain what’s happening in detail.

The dot in front of the class name is only used in CSS. In HTML, you just need the class name without the dot.

1 Like

Captura de pantalla 2023-09-27 132334

I know it is a little confusing. The hint is using CSS syntax to explain that five elements in your HTML should have the flavor class. But you don’t use the dot in front of the class name when you add the class to the element in the HTML.

Only use the dot in front of the class name in your CSS.

For example, look at the article elements that wrap these p elements. Each article element has the item class but you aren’t using a dot in front of the name item.

1 Like

OHH, thks, you save my day.

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