Learn Basic CSS by Building a Cafe Menu - Step 53

HTML-CSS
1

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

Step 53

Below the dessert you just added, add the rest of the desserts and prices using three more article elements, each with two nested p elements. Each element should have the correct dessert and price text, and all of them should have the correct classes.

Cherry Pie 2.75
Cheesecake 3.00
Cinnamon Roll 2.50

code wont verify and I have no clue where I’m going wrong and I looked at other submissions and cant find solution plz help love u all ofn grave
Your code so far

          <article class="item">
            <p class="dessert">Doughnut</p><p class="price">1.50</p>
          </article>
          <article class="item">
            <p class="dessert">Cherry Pie</p><p class="price">2.75</p>
          </article>
          <article class="item">
            <p class= "dessert">Cheesecake</p><p class="price">3.00</p>
          </article>
          <article class="item">
            <p class="dessert">Cinnamon Roll</p><p class="price">2.50</p>
          </article>

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

Link to the challenge:

1 Like
3

this code wont post normaly it just formatts to the page idk what to do inspect element plz and help

Cafe Menu

CAMPER CAFE

Est. 2020

Coffee

French Vanilla

3.00

Caramel Macchiato

3.75

Pumpkin Spice

3.50

Hazelnut

4.00

Mocha

4.50

Desserts

Doughnut

1.50

Cherry Pie

2.75

Cheesecake

3.00

Cinnamon Roll

2.50

4

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

5

Can you see if removing the space after the equal sign will help?

6

Step 33

The flavors and prices are currently stacked on top of each other and centered with their respective p elements. It would be nice if the flavor was on the left and the price was on the right.

Add the class name flavor to the French Vanilla p element.

Hi, below is my code for this problem. I dont see what is wrong. Class seems right

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

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

8

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