Learn Basic CSS by Building a Cafe Menu - Step 21

HTML-CSS
1

Tell us what’s happening:
How to nest the div element

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

/* file: styles.css */
body {
background-color: burlywood;
}

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

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6 Safari/605.1.15

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

Link to the challenge:

2

nesting means “putting inside”

So if I have this code:

<body>
</body>

And I want to nest a div inside it, I would do this:

<body>
  <div>
  </div>
</body>

And if I want to nest a paragraph inside the div then:

<body>
  <div>
    <p></p>
  </div>
</body>

hope this helps you see what is wrong…

1 Like
3

mod edit: solution removed

1 Like
4

hi there, I know you’ve just joined the forum, so you probably are not aware that we do not like people to share code here (in response to requests for help with fCC challenges).

Thanks for your attention.

5

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