Learn Basic CSS by Building a Cafe Menu - Step 33

Tell us what’s happening:
Hi there, i’m having problems with what would be the selector. I have to set the left value in the text-align property but the code takes me invalid, which is wrong. I’ve been looking for a while what I can do, searching the forum but nothing, I can’t find the answer.

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

flavor {
  text-align: left;

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 OPR/ (Edition std-1)

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

Link to the challenge:

‘flavor’ is a class, not an html element. For classes, you should add the dot in front of their names.

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