Learn Basic CSS by Building a Cafe Menu - Step 33

I added flavor class in p element its not done successfully.
please help me out

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 33

Link to the challenge:

See the above code? It shows the proper way to add a class attribute in the html tag.

Please correct the code to be similar to this.

Hey, that’s not how you add classes on html.
.flavor would be the way you refer to an already existing class at your css file.
To add a class to a certain element in your html file check how you’ve added class “menu” on your div element.

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