Learn Basic CSS by Building a Cafe Menu - Step 22

Tell us what’s happening:

Why is the code incorrect at this step? I commented on that line as requested.

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

/* User Editable Region */

  /* 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/120.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 22

Good question :slightly_smiling_face: Your CSS is passing for me. Please tell us the hint you are getting. That might help narrow down which test is failing. Also, are you using an browser extensions that modify the look of the page, such as a dark mode extension. Those can sometimes interfere with the tests and will need to be turned off.

1 Like

Thank you, I changed the browser and the code passes

1 Like