Learn Basic CSS by Building a Cafe Menu - Step 21

Tell us what’s happening: hello everyone, what am I doing wrong here ? thank you

Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <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"/>
    <div id="menu">
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
/* file: styles.css */

/* User Editable Region */

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

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

/* 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/17.0 Safari/605.1.15

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

Link to the challenge:

“Use the #menu selector…”

You used the #menu-id selector.


Good attempt.

This step is confusing for people because of the statement saying to use the #menu id selector.

#menu is already in the format for the selector. The # is used in the syntax for id selectors.

If you remove the id from your selector, it should pass.

Keep up the good progress!

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