Where am I getting wrong?

Tell us what’s happening:
Describe your issue in detail here.
Web capture_24-10-2022_125059_www.freecodecamp.org

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 */
body {
  background-color: burlywood; /* background-color */  
}

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

div {
  width: 300px;
}

Your browser information:

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

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

Link to the challenge:

First, please don’t give pictures of code.

Next, you started with this:

body {
  background-color: burlywood;
}

You were asked:

In your style sheet, comment out the line containing the background-color property and value, so you can see the effect of only styling div element.

You didn’t comment out the line (the entire line), you added text at the end of the line and commented that out.

If I had this:

h2 {
  color: red;
}

and I was told to comment out the line containing color, I would have done this:

h2 {
  /* color: red; */
}

Any text which occurs between the slashes and asterisks is what is commented out . For example:

This text would not be commented out
/* BUT THIS TEXT WOULD BE */

In the exercise it wants you to comment out the following:

background-color: burlywood;

Does that make sense?