Learn Basic CSS by Building a Cafe Menu - Step 32

Tell us what’s happening:
I am having a hard time attaching flavour to the p element for French vanilla

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>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:

this is an example of how to add the class menu to a div element.

In your case, you are asked to add the class flavor (notice the american spelling) to the p element for French Vanilla.

So just add the class attribute to the p element with the correct syntax and value and you should be done. (Refresh your memory of how class attributes look by looking at the code here again).

I’m still having an issue does the <flavor="p">French Vanilla</p> this is what my code looks like now

There is no such thing as a flavor attribute.
There is a class attribute though.
Please refer to my first response.

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