Learn Basic CSS by Building a Cafe Menu - Step 52

HTML-CSS
1

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

Your code so far
What am I doing wrong>

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Cafe Menu</title>
    <link href="styles.css" rel="stylesheet"/>
  </head>
  <body>
    <div class="menu">
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
          <article class="item">
            <p class="flavor">French Vanilla</p><p class="price">3.00</p>
          </article>
          <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>
        </section>
        <section>
          <h2>Desserts</h2>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

        </section>
      </main>
    </div>
  </body>
</html>

/* 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, .dessert {
  text-align: left;
  width: 75%;
}

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

Your browser information:

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

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

Link to the challenge:

2 
      <article class="item">
        <p class="dessert">Donut</p><p class="price">1.50</p>
      </article>
      <article class="item"><p>class="dessert">Cherry Pie</p><p>2.75</p>
      </article>
      <article class="item"> <p>class="dessert"Cheesecake></p><p>3.00</p>
      </article>
      <article class="item">
        <p>class="dessert">Cinnamon Roll</p><p>2.50</p>
      </article>
3 
      <article class="item">
        <p class="dessert">Donut</p><p class="price">1.50</p>
      </article>
      <article class="item"><p class="dessert">Cherry Pie</p><p>2.75</p>
      </article>
      <article class="item"> <p>class="dessert">Cheesecake</p><p>3.00</p>
      </article>
      <article class="item">
        <pclass="dessert">Cinnamon Roll</p><p>2.50</p>
      </article>
4 
<article class="item">
        <p class="dessert">Donut</p><p class="price">1.50</p>
      </article>
      <article class="item"><p class="dessert">Cherry Pie</p><p>2.75</p>
      </article>
      <article class="item"> <p class="dessert">Cheesecake</p><p>3.00</p>
      </article>
      <article class="item">
        <p class="dessert">Cinnamon Roll</p><p>2.50</p>
      </article>
5

ts

Donut


1.50




Cherry Pie


2.75




Cheesecake


3.00




Cinnamon Roll


2.50


6

Donut

1.50

Cherry Pie

2.75

Cheesecake

3.00

Cinnamon Roll

2.50

7
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

Donut

1.50

Cherry Pie

2.75

Cheesecake

3.00

Cinnamon Roll

2.50

8

Donut

1.50

Cherry Pie

2.75

Cheesecake

3.00

Cinnamon Roll

2.50

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

Hello!
Thank you for providing your coding efforts to help assist you.
Viewing your coding, the last one is very close.
If you look at the pricing codes, you will notice a difference in the Donut price coding and the something missed in the other codes.
It is just one small missed part in the price coding.
I hope this helps you.

11

Donut

1.50

Cherry Pie

2.75

Cheesecake

3.00

Cinnamon Roll

2.50

12

Donut

1.50

Cherry Pie

2.75

Cheesecake

3.00

Cinnamon Roll

2.50

////
13 
      <article class="item">
        <p class="dessert">Donut</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>
14

what am i doing wrong?

15

What does the hint tell you when you submit the challenge?