Learn Basic CSS by Building a Cafe Menu - Step 23

I feel so stupid right now. A little help will be appreciated please…

<!-- 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 id="menu">
      <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 */

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

/* 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/118.0.0.0 Safari/537.36

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

Link to the challenge:

“…use the existing #menu selector…”

You created a new rule set with the div selector instead of using the existing rule set with the #menu selector.

The div being referred to in the instructions is the #menu div.

1 Like

Never feel stupid. We are learning together.
Some people have more experience than us, and some not as much as us.

Comes from the time that we all have been learning and we are all equal in this forum, as far as the experienced were once learners like you and me.

Sometimes, I think we all forget that. :slight_smile:

As I see bbmooth is responding, I will step back.

Just wanted to give you a bit of context that you and I are the same as all of the others in here. We all learned or are learning.
Never feel bad, nor dumb. Remind yourself that the people responding have been there, too.

Keep up the good progress @Sagittaric

1 Like

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