Learn Basic CSS by Building a Cafe Menu - Step 33

**Tell us what’s happening: **

I added the class=“flavor” to the p element text french vanilla and the text french vanilla went to the left of the page but the code is still saying I need to add the class flavor . Did I add the class element incorrectly? Am I supposed to use the <div and opening and closing tags? Not sure where I’m going wrong

  **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> <div 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 33

Link to the challenge:

hi Arie,

The exercise would have mentioned adding a div if it needed it. Instead it says:
Add the class name flavor to the French Vanilla p element.

so if you reset this step, it will return the code back to the original version
and then you can simply add the requested class to the opening tag of the paragraph containing the words French Vanilla

thanks for your help i got it :slight_smile:

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