Learn Basic CSS by Building a Cafe Menu - Step 35

Tell us what’s happening:
Describe your issue in detail here.

Next, you want to align the price to the right. Add a class named price to your p element that has 3.00 as its text.

  **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 price="3.00" > 3.00</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 (Linux; Android 12; V2153) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.114 Mobile Safari/537.36

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

Link to the challenge:

Welcome to the forum

The above is correct adding of class flavor to the element

Use it as an example for this step and you’ll figure it out.

If still no way to answer it exercise 28 will help to clarify “Class value(index.html)”

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