Learn Basic CSS by Building a Cafe Menu - Step 21

Tell us what’s happening:
Describe your issue in detail here Now I did this one correctly. But I am still getting the same error message. You should set the width property to 300px . I just can’t see my mistake. Can anyone see something that I don’t?
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"/>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
/* file: styles.css */

/* User Editable Region */

body {
  background-color: burlywood;
div {
  "width: 300px;"
h1, h2, p {
  text-align: center;

/* User Editable Region */

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: Learn Basic CSS by Building a Cafe Menu - Step 21

Link to the challenge:


In the browser editor, if you see this RED curly line beneath, it usually means syntax error or the code editor could not understand it.

You can see more CSS width example here : CSS width property

I suggest to look at the way your have coded your background-color and your text-align, and see what is different in the way the code had been completed for the width. It has something that the other two do not. This would definitely cause issues.

Happy coding!

Thank you so much for your help. I don’t know why I didn’t see it before now.

Thank you so much for your help. I see it now and my code passed.

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