Learn Basic CSS by Building a Cafe Menu - Step 32

Add the class name flavor to the French Vanilla p element. Please tell me what is the issue.

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 class=“flavor”>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:

You added more than this. Reset the step and try to add only what this step asks.

Sorry, I am not able to get. How?

What you did on your code above is added a new p element with class name of flavor.
This step asks you to add class name of flavor to the already existing one.

I am not sure if this is solved or not as you marked your last post as solution.

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