Learn Basic CSS by Building a Cafe Menu - Step 22

Tell us what’s happening:

I’m stuck at step 22 I typed the comment correctly but it says: Your body should have a white background

Your code so far

/background-color: burlywood/

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <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"/>
  </head>
  <body>
    <div id="menu">
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
        </section>
      </main>
    </div>
  </body>
</html>
/* file: styles.css */
body {

/* User Editable Region */

  background-color: burlywood
  /*background-color: burlywood;*/

/* User Editable Region */

}

h1, h2, p {
  text-align: center;
}

#menu {
  width: 300px;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 22

Hi there! Why did you keep your uncommented line?

What do you mean? btw I’m new to coding

You’ve commented that line of code correctly. But there’s no need to duplicate that line again, so remove it


i removed the code I wrote what should I do now?

Comment this line like you did it previously, don’t create a new one

Also, please don’t send screenshots of your code, share your code like this:

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

Oh I get it now, thanks

1 Like