Learn Basic CSS by Building a Cafe Menu - Step 27

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

Your code so far

<!-- 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>
    <.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;
}

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

Your browser information:

User Agent is: Mozilla/5.0 (iPhone; CPU iPhone OS 16_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/108.0.5359.52 Mobile/15E148 Safari/604.1

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

Link to the challenge:

1 Like

I’m try you use the class selector <.menu > to replace the

but it keep telling me wrong code :weary::weary::weary::weary:

you have erased the div element.
You need to keep the old div element and add a class -attribute- to it.
Examples of attributes that you learned about before are href and src

So write the word class in the opening tag of the div element and then an equal sign and then the value in double quotes.

1 Like

Thank you it worked…. I’m most great full

1 Like

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