Learn Basic CSS by Building a Cafe Menu - Step 22

HTML-CSS
1

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:

2 Likes
2

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
3

all good. thank you so much.

1 Like
4

thank you this was super helpful. i swore i was doing something wrong with formatting.

1 Like
5

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