Learn Basic CSS by Building a Cafe Menu - Step 22

Tell us what’s happening:
where do I comment and what code do I take off ?

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 {/* comment here */
}

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:

The property and its value are already given to you in this step. Just surround it with marks for comments as shown in the example above the task.
image
In the picture “comment here” is actually the line of code you already have.

2 Likes

all good. thank you so much.

1 Like