Learn Basic CSS by Building a Cafe Menu - Step 32

HTML-CSS
1

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

Your code so far

<!-- 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>

<!-- User Editable Region -->

            <pclass="flavor">French Vanilla</p>
            <p>3.00</p>

<!-- User Editable Region -->

          </article>
          <article>
            <p>Caramel Macchiato</p>
            <p>3.75</p>
          </article>
          <article>
            <p>Pumpkin Spice</p>
            <p>3.50</p>
          </article>
          <article>
            <p>Hazelnut</p>
            <p>4.00</p>
          </article>
          <article>
            <p>Mocha</p>
            <p>4.50</p>
          </article>
        </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;
}

Your browser information:

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

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

Link to the challenge:

2

You have posted some code but is there something specific which you’re struggling with in this challenge?

3

please tell me what it is?

4

What what is? Please tell us what about the instructions or hints is confusing for you.

5

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

6

If you look at the p element to which you added the class, can you see why it’s not working? Compare it to other elements which have already have attributes (such as the meta or link elements in the head).

7

I already did what I had done earlier, I guess I had a typo error before, I would try again to see if it would work.

8

You should leave a space after the name of the element and before the first attribute

9

thank you i passed the test already

10

great, don’t forget to mark the thread solved by selecting a post that helped you solve it and marking it as Solution. This will help others know they can read some other post if they see the checked mark to indicate this.

11

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