Learn Basic CSS by Building a Cafe Menu - Step 37

Tell us what’s happening:

Describe your issue in detail here.

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

.item p{
  display: "inline-block";

/* User Editable Region */

.flavor {
  text-align: left;

.price {
  text-align: right;

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

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 37

You need to remove the quote marks on the value


Happy coding.

1 Like

Here as you are writing your code in CSS

So when we assign any value with a property of CSS we don’t use quotation marks
But just simply assign its value to its property.

Hope you understand.

Hello @rajarshi.pakrashi01 !

In addition to the above mentioned guidance to remove the quotation marks from the value inline-block,
I notice the closing curly bracket for the .menu is missing.

Happy coding!


thanks. It was a very bad silly mistake for one missed closing curly braces, it was not passing.

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