Learn Basic CSS by Building a Cafe Menu - Step 32

Tell us what’s happening:
How do i add the class name flavor to the french vanilla p element?
where am i going wrong and whats needed to be done, i think i’m not fully comprehending the instructions given

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

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

Link to the challenge:

in your code, in a previous step, you have already learned about the class attribute.
See the div element as an example. You added the class attribute to it with value menu.

In this new step, you should do something similar but for the p element (and value is flavor not menu)

thank you for your help.

French Vanilla


this worked Al-hamdu-lillah! i wasnt fully comprehending the instructions and after you've clarified it i was able to understand what the instruction was about. May Allah give you guidance to the straight path. Amen!
1 Like

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