Learn Basic CSS by Building a Cafe Menu - Step 26

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Hi, I followed the example as it showed me and I am still getting an error message saying I need a menu selector. Does anyone see something I don’t?

<!-- 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 */
body {
  /*
  background-color: burlywood;
  */
}

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


/* User Editable Region */

.class-menu { 
  styles
  width: 80%;
  background-color: burlywood;
  margin-left: auto;
  margin-right: auto;
}

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

Link to the challenge:

2

This isn’t the class name the instructions were asking you to add. You added the class class-menu. The instructions want you to change it to just the class menu.

Also, do not change anything, such as adding styles to the properties in the ruleset. Only do exactly what the instructions ask and no more.

3

The instructions said to replace the existing

into a class named menu . And I continue to get it wrong.

.class-menu {
width: 80%;
background-color: burlywood;
margin-left: auto;
margin-right: auto;

4

This is not how we select a class.
A class selector takes the structure below.

.class-selector{
property:value
}
5

You are forgetting a closing bracket here, and as bbsmooth said you are still not using the right name. Forget about the example the challenge shows you and pay attention to the instructions.

You need a class named “menu” right now you have a class named “class-menu”

1 Like
6

Thank you all for your help. I finally got it right and my code passed

7

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