I cant seem to change the div backgroung color

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
\ file: <!DOCTYPE html>
<html>
<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" type="text/css" />
</head>
<body>
  <div>
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </div>
</body>
<html>
<!DOCTYPE html>
<html>
<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" type="text/css" />
</head>
<body>
  <div>
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </div>
</body>
<html>
\ file: body {
/*
background-color: burlywood;
*/
}

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

div {width: 300px;}
div {background-color: burlywood;}
body {
/*
background-color: burlywood;
*/
}

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

div {width: 300px;}
div {background-color: burlywood;}
  **Your browser information:**

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

Challenge: Step 24

Link to the challenge:

the div background changes after entering the code but i cant get through the stage…

Your code is technically correct, but the tests checks if your first div has property background burlywood.

So delete the extra div and add background property to your existing div.

div {
first-property: value;
second-property: value;
}

Edit: Why do you want to write your code like above?

For readability, it’s hard to read your code when you have to add a selector like div for every property like background to change them.