Learn Basic CSS by Building a Cafe Menu - Step 32

Tell us what’s happening:
It is asking me to “add the flavor class to your p element”.
I am kind of lost on this one.
Can anyone tell me what I am supposed to do?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <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"/>
    <div class="menu">
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
           <div class="flavor">
            <p>French Vanilla</p>
            <p>Caramel Macchiato</p>
            <p>Pumpkin Spice</p>
/* 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/ Safari/537.36

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

Link to the challenge:

earlier in the project, you were asked to add the class menu to the div above.
So you added it like an attribute to the opening tag of the div.

When you are asked to add an attribute (like class), you just add it to the opening tag of the respective element (in this case the p element).
Then you assign it the value required which in this case is flavor

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