Aprende CSS básico construyendo un menú de cafetería - Paso 33

Cuéntanos qué está pasando:
Hay algo en este paso que no estoy entendiendo, no veo como le puedo hacer

Tu código hasta el momento

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

/* User Editable Region */

flavor {
  text-align: left;

/* User Editable Region */

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36 OPR/ (Edition std-1)

Challenge: Aprende CSS básico construyendo un menú de cafetería - Paso 33

Enlaza al desafío:

This is targeting the element flavor, which doesn’t exist in HTML. You want to target elements with the class flavor. Look at how you targeted elements with the class menu in the CSS ruleset above this one.

.flavor {
text-align: left;

Hey @fabianfrete just a friendly reminder that we don’t post full code working solutions in here. We try to help people find the answers for themselves by gently guiding them toward the solution.