Learn Basic CSS by Building a Cafe Menu - Step 32

HTML-CSS
1

I dont understand what it means by adding a flavor class to the

element. I tried
French Vanilla

, <class=“flavor” p>French Vanilla

, and

French Vanilla

. 
<!-- 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>
            <div class="flavor" p>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;
}

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 15117.86.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

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

Link to the challenge:

2

You shouldn’t change this into a div. You should leave the p were in was in the tag and add the class attribute after that.

1 Like
3

class is an attribute
it is always added to the opening tag of the html element

For eg, in the code quoted above, you were asked to add the class attribute with value of menu to the div element. That was the correct way to do it.

In this execise, you are asked to add another class attribute but this time to a different element. Therefore just add the class attribute to the requested element without other modifications. (and of course specify the value of the class to the requested value of flavor etc.)

1 Like
4

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