Learn Basic CSS by Building a Cafe Menu - Step 27

HTML-CSS
1

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

Your code so far

i dont understand the question

<!-- 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>
  <class>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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

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

Link to the challenge:

2

hi There,

please reset the exercise.

Then add a class attribute to the div you see in the editor.
To add it, just write the word class inside the opening tag of the div
then add an equal sign
then add the value “menu”

3

You definitely would not want to change the name of the element, it should still be div. You just want to add a class attribute to the opening tag with the value of menu. You have already added other attributes and values to tags, such as the html element in which you added the attribute lang with the value of en. It’s the same format for adding a class attribute.

4

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