Learn Basic CSS by Building a Cafe Menu - Step 23

HTML-CSS
1

I’ve put the background color in the current div with the width of 300px, and also put it in its own div and it would not pass. Do y’all have any idea to pass this part?

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


/* User Editable Region */

div {  
  width: 300px;
} 
div{
  background-color: burleywood;
  }

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.1 Safari/605.1.15

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

Link to the challenge:

2

I keep getting the hint "you should set the background-color property to burley wood

3

Welcome to our community!

The instruction: " USE THE EXISTING div selector to set the background color of the div element to be burlywood"

In the existing div selector add what is required. Don’t create another selector.

4

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