Learn Basic CSS by Building a Cafe Menu - Step 42

Tell us what’s happening:
Describe your issue in detail here.
im kinda having trouble here, i did what it taught me a step or two ago, but it says its incorrect
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>
          <article class="item">
            <p class="flavor">French Vanilla</p><p class="price">3.00</p>
            <p>Caramel Macchiato</p><p>3.75</p>            
            <p>Pumpkin Spice</p><p>3.50</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;

.item p {
  display: inline-block;

.flavor {
  text-align: left;
  width: 50%;

.price {
  text-align: right;
  width: 50%;

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 42

Link to the challenge:

hi there,
your Code:

   <article class="item">
            <p class="flavor">French Vanilla</p><p class="price">

This step of the challenge asks for: getting every article-element the class attribute with the value item.
Just do like you did it to that one in the example.
The next two steps will ask you to get every item ( here: kind of coffee) the class (flavor). Do it like you did to the p-element above already.
and in one of the next steps it will ask to give each item -price the class ( “price”).

All that is already done to the paragraph of the French Vanilla.

The challenge just splits the next step into three single steps.

Happy coding!

lets read from instructions

… by adding the class item to the other article elements

and in this snippet you didn’t, address that change and it should be alright, happy learning :slight_smile:

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