Learn Basic CSS by Building a Cafe Menu - Step 21

This is what it is telling me

Sorry, your code does not pass. Hang in there.

You should have a #menu selector.

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

 body {
  background-color: burlywood;
<#menu>-id {width: 300ox}</#menu>
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/ Safari/537.36 Edg/118.0.2088.33

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

Link to the challenge:

You have the selector <#menu>-id (which is not a valid selector).

The hint is telling you that it should just be #menu.

You don’t need this at all. CSS doesn’t use HTML tags.

You’ve got a type here. Should be px units.

this is what i have now

body {

background-color: burlywood;


#menu-id {width: 300px}

h1, h2, p {

text-align: center;

This isn’t the selector the instructions and hint are asking you to use. As I mentioned above, they are asking you to use #menu.

The “-id” at the end of the selector in the example isn’t required for your selector. It’s just an example.

oh okay lol thank you

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