Learn Basic CSS by Building a Cafe Menu - Step 22

Hey, so it says “your body should have a white background.” (It didn’t go white) But I don’t know what I did wrong. I tried adding and taking away spaces between the (/* and */) and the comment, but I can’t figure it out.

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>
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
        </section>
      </main>
    </div>
  </body>
</html>
/* file: styles.css */
body {
  background-color: burlywood;

/* User Editable Region */

   /* background-color: burlywood; */

/* User Editable Region */

}

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

div {
  width: 300px;
}

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 15236.80.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 22

Link to the challenge:

In your code it looks like you’ve added an additional background-color property thats commented out, but the original one still exists.

Make sure you’re editing the right section of the page (line 2)

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