Learn Basic CSS by Building a Cafe Menu - Step 27

HTML-CSS
1

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

please and please, i still have some issue here like seriously

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>

<!-- User Editable Region -->

    <menu>

<!-- User Editable Region -->

      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
        </section>
      </main>
    </menu>
  </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/116.0.0.0 Safari/537.36

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

Link to the challenge:

2

Don’t change your div element. Add a class of “menu” as an attribute in your opening div tag so that when you use the “menu”, class selector just div’s with this class name will get styled.
Ex of element with class attribute:

<h1 class="heading"></h1>
3

This step is asking us to add the class attribute with a value of “menu” to the existing div.

It appears that inadvertently you have removed the div while placing the value within the brackets.

Adding an attribute with a value would look like:

< label for=“morning”>

I hope this helps you.

4

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