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>
    <div .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/108.0.0.0 Safari/537.36

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

Link to the challenge:

1 Like

what is issue in this code

Could you describe the difficulty you are having?

Your div should still render. Make sure you haven’t malformed the <div> tag.
this statement I am getting in response

What is this doing in your html code? You don’t select classes in html but rather in css.

What are you trying to do in the div element?

To apply the class’s styling to the div element, add a class attribute to the div element’s opening tag and set its value to menu . this is challenge statement actually

To add a class to an element, this is the format:

class = "nameoftheclass"