Learn Basic CSS by Building a Cafe Menu - Step 24

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Now use the existing div selector to set the background color of the div element to be burlywood .How do I set the div element to be burlywood

  **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>
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <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-color: burlywood;
}

  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14909.124.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

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

Link to the challenge:

1 Like
2

Hi mwadimejohn,
Have you tried to use the hint it was provided?
I believe it is very simple instruction and clear hint that given. I just tried my self. But if you find it hard please reply it and I’ll explain more. But for now I encourage you to try it first

3

let me try a couple more times. Thank you for the encouragement

4

Thank you I managed to do it

5

glad you can pass it

6

I’m on the same step and going crazy.
div {

width: 300px;

}

div {

background-color: burlywood;

}

7

You’ve added a new element selector, but there’s already a div. Add the declaration there.

8

Hi there,

You can use the button ask for help.

At least we need to see your code you can ask questions on your thread what specifically problem you are facing.

But judging from the code you provide,

You only need to create new property and it’s value instead of creating new div selector.

div {
property: value;
property: value;
}
1 Like
9

Thank you so much! This was sooooo much help!

10

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