Learn Basic CSS by Building a Cafe Menu - Step 32

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

I can’t find a solution to this one! I’m trying to successfully add the class name flavor to the French Vanilla p element.

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

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

Link to the challenge:

earlier in this project you were asked to create this line of code.
This is a div element with a class of type ‘menu’.

Now you are being asked to assign a class of type flavor to the p element.
Do you think it will be much different than what you did with the div?

Thank you! I was thinking of it as a value/attribute rather than class. Need to brush up on my reading comprehension skills!

1 Like

Sure but class is an attribute. And flavor is the value. So you are not wrong…

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