Learn Basic CSS by Building a Cafe Menu - Step 33

HTML-CSS
1

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

Your code so far
je comprends pas bien quand j’introduit le (flavor class) comme selector on me dit que ma ligne de code doit avoir un (flavor class) selector alors que j’en ai déjà mit

<!-- 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>
            <p class="flavor">French Vanilla</p>
            <p>3.00</p>
          </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;
}


/* User Editable Region */

flavorclass{
text-align: left;
}

/* User Editable Region */

Your browser information:

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

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

Link to the challenge:

2

This is targeting the element flavorclass which doesn’t exist in HTML. You want to target elements that have the class of flavor. Look at how you did it above for elements that have the class of menu.

3

donc flavor n’est pas considérez comme un selector?

4

Just the word flavor is not really a valid selector because there is not element in HTML named flavor. But the class flavor is a valid selector. Again, look at how you created a ruleset for the class menu above.

5

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