Learn Basic CSS by Building a Cafe Menu - Step 33

Tell us what’s happening:
Describe your issue in detail here.
im not understanding the question correctly could anybody break it down differently to me ?

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 ;</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 Edg/105.0.1343.50

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

Link to the challenge:

Which part do you find it hard to understand?

In the previous step you’ve learn how to code attribute and class.

This is the example

an element of div with attribute of class and value of menu

So with that information all you need is to reapply what you’ve learned to the p element

 <p flavor="French Vanilla">French Vanilla</p>

you are not referring to this ?

I think we are just wondering what part of adding a class attribute is giving you trouble as you have already done it before in the same project (look at your div which has a class already).

So just do the same or if we are misunderstanding then please clarify the issue you need help with.

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