Learn Basic CSS by Building a Cafe Menu - Step 28

I am very confused with what I need to do. I think I might be messing up the orginal problem now. Please help
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 class="menu">
      <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> background-image url="https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg">


/* User Editable Region */


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/114.0.0.0 Safari/537.36

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

Link to the challenge:

It’s probably best if you reset the challenge. You did some things with the body selector that you shouldn’t have

Look at the other css in the challenge. You shouldn’t be using <> inside of your css. The only thing that should be done in this challenge is removing the comment, and then adding the new style

Thank you! I got it now!

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