Learn Basic CSS by Building a Cafe Menu - Step 34

Tell us what’s happening:
i tried to add the price class to the “p” element but cant figure it out.Please someone help me out

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

<!-- User Editable Region -->

            <p .price:3.00>3.00</p>

<!-- User Editable Region -->

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

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

Link to the challenge:

You can see in the existing code that this is how the class “menu” was added to the div element. You should use the same syntax when adding the class “price” to the p element.

still cant figure it out


Can you post what you tried?

What you need to do is set the class to price, but you set the price to 3.00 which is not valid HTML and not what the question asked.

I don’t understand why you are going backwards.
Use this syntax:
class = className

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