Learn Basic CSS by Building a Cafe Menu - Step 21

Tell us what’s happening:
ive been at this one for over an hour.

<!-- 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 */

/* User Editable Region */

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

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

/* User Editable Region */


Your browser information:

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

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

Link to the challenge:

So the directions say

" Create a new type selector in the style sheet that gives your div element a width of 300px ."

I dont see the directions where it says to include the background-color in
your selector

You also need to fix your body

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

how do i erase a question ? i googled it like i should have an hour ago. it wasnt clear to me what it was asking…both HTML and CSS have “div”; so its the style sheet and your now styling the"

" you just created on the CSS style sheet “div {…”.
why wont this < div > text appear?

why is it this:
“style {
example of it
}”
and not this…
“style { example of it }”
is it about readability?

I not sure what you are asking. In your code from the very first post is not passing because you are not doing what the directions asked. It has nothing to do with this

question has nothing to do with passing anything. why does CSS code take 3 lines when one would suffice.

It can. You would have to give an actual example of what you are trying to do, and it not working.

o ,ok. so the way it appears is just normal practice than. ok thanks dude

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