Learn Basic CSS by Building a Cafe Menu - Step 32

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

I have trouble de class name Flavor for the French Vanilla P element , not sure what I am doing wrong.

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>

<!-- User Editable Region -->

          <article class="flavor" <p>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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5.2 Safari/605.1.15

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

Link to the challenge:

This is the original code:

            <p>French Vanilla</p>
            <p>3.00</p>

You should only add a class attribute. Don’t add anything else. The class attribute needs to go in the opening p tag for the p element around the text “French Vanilla”.

I removed the article tag and add the class atribuye next to the opinening tag of the P element but still does not work. the article element was there as was part of another step

What is your updated code?

I would reset the code and only add the class attribute so that you are sure you are not making extra changes.

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