Learn Basic CSS by Building a Cafe Menu - Step 44: got stuck here. Help would be greatly apprecciated!

Tell us what’s happening:

Hi, everyone

Hope this message will find y’all good.

I got stuck here in step 44. I’ve already reviewed my code in depth many times, though unsuccessfuly did not find the error.

If someone could take a glance in ky code I’d greatly appreciate it.

Bellow follows my code.

Warm regards.

Your code so far

/* file: index.Ext.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" class="price">French Vanilla</p><p class="price">3.00</p>
          </article>
          <article class="item">
            <p class="flavor" class="price">Caramel Macchiato</p><p>3.75</p>
          </article>
          <article class="item">
            <p class="flavor" class="price">Pumpkin Spice</p><p>3.50</p>
          </article>
          <article class="item">
            <p class="flavor" class="price">Hazelnut</p><p>4.00</p>
          </article>
          <article class="item">
            <p class="flavor" class="price">Mocha</p><p>4.50</p>
          </article>
        </section>
      </main>
    </div>
  </body>
</html>
/* file: styles.Ext.css */
<!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" class="price">French Vanilla</p><p class="price">3.00</p>
          </article>
          <article class="item">
            <p class="flavor" class="price">Caramel Macchiato</p><p>3.75</p>
          </article>
          <article class="item">
            <p class="flavor" class="price">Pumpkin Spice</p><p>3.50</p>
          </article>
          <article class="item">
            <p class="flavor" class="price">Hazelnut</p><p>4.00</p>
          </article>
          <article class="item">
            <p class="flavor" class="price">Mocha</p><p>4.50</p>
          </article>
        </section>
      </main>
    </div>
  </body>
</html>

Your mobile information:

SM-G935V - Android 8.0.0 - Android SDK 26

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

Link to the challenge:

Hi,
I think you are supposed to add the price class to the prices. There are two p tags inside each article and one of them is the price.
Hope this helps.

1 Like

Dear Junior,

Awesome! This was very helpful.

Now the matter is solved and I’m moving forward.

Sweet!

1 Like

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