Learn Basic CSS by Building a Cafe Menu - Step 23

So I’m struggling to get the div selector to change the background colour. I’ve followed YouTube tutorials to get the code right and its worked for them but not for me. Why is it not changing the background colour?

<!-- 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;
  background-colour: burlywood;
  }

Your browser information:

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

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

Link to the challenge:

use the american spelling color not colour

1 Like

Welcome to our community!
‘background-color’ is a property, 'burlywood is a ‘value’.
You have made a type. You have typed in “background-colour” instead of “background-color”.

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