Learn Basic CSS by Building a Cafe Menu - Step 22

HTML-CSS
1

Tell us what’s happening:
I can’t get this working. From my understanding, I only have to comment the line that gives the body a background color, which I did. Can someone tell me what I’m doing wrong?
Thanks

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; */
}

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

div {
  width: 300px;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

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

Link to the challenge:

2

Your code is correct and works fine in my browser. Try running it in another browser or maybe in the private window.

3

Welcome to our community!
Your code is correct. Restart the step and do it again. If this doesn’t work follow the instructions:
“Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.”

4

That’s strange, so, disabling add-block didn’t do anything and I don’t use any dark mode extension. But using incognito seams to do the trick. But my question is, why now this problem and not from the first lessons. Btw, I’m using Chrome. And thanks for your replies @DobarBREND and @kai1 !