Hey guys need help i assume am doing it the right way creating a class inside a div but the response am getting is that the div is not being rendered

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

  **Your code so far**
\ file: <!DOCTYPE html>
<html>
<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" type="text/css" />
</head>
<body>
   <div class='menu'>
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </div>
</body>
<html>
<!DOCTYPE html>
<html>
<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" type="text/css" />
</head>
<body>
   <div class='menu'>
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </div>
</body>
<html>
\ file: body {
/*
background-color: burlywood;
*/
}

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

.menu {
width: 80%;
background-color: burlywood;
margin-left: auto;
margin-right: auto;
}
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/101.0.4951.67 Safari/537.36

Challenge: Step 28

Link to the challenge:

Hey there! Welcome to the forums :wave: :slightly_smiling_face:

Phew, that’s a title to read. In the future it might be best to make a shorter title, and include extra details in your post. It’s just a lot easier to read and improves how well this topic can be searched.


Is this code accurate? It looks like everything has been doubled. For example you have two <head>s and two <body>s. Not sure how that happened but it does give the same error message that you describe so I’m gonna guess it to be right.
You should be able to just delete the duplicate code and pass the lesson.

Thankyou so much and thanks for the advice was my first time ever using a forum to seek help

1 Like