Learn Basic CSS by Building a Cafe Menu - Step 22

Tell us what’s happening:

I am trying to comment out the line /*background-color: burlywood; */

How ever the hint is still telling me that the body should have a white background, how do I turn it white?

Your code so far

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

/* User Editable Region */

body {
  /*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/126.0.0.0 Safari/537.36 Edg/126.0.0.0

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 22

Try putting a space between both asterisks and the text. If you look at the example code i the question there are spaces.

I did add the space but it’s still not letting me submit. I tried a different browser and it still does not work. Just keeps saying the body needs to be white

Hello!

Please check if an extension, or dark mode, could be causing the issue.

Even my password vault sometimes needs to be disabled to pass steps.

Try a reboot, and see if that clears the issue.

Your code worked for me.

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