Learn Basic CSS by Building a Cafe Menu - Step 21

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>
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
        </section>
      </main>
    </div>
  </body>
</html>
/* file: styles.css */

/* User Editable Region */

body{
  {div
  background-color: burlywood;
  width: 300px;
   }
}

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

/* User Editable Region */


Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 Edg/114.0.1823.67

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

Link to the challenge:

Welcome to our community!

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

Welcome to the community! For future requests for help, please include details of the issue, and the error message being received, to allow for a quicker a more direct response for the problem.
It can be difficult to explain in detail. But, it is an important part of learning to code.

Reviewing the posted code, I notice the div selector has been placed within the body selector. It is to be a separate selector outside of the body, and not in any other current selector.
I hope this helps you.

Happy coding! :slightly_smiling_face:

2 Likes

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