Learn CSS Variables by Building a City Skyline - Step 11

Tell us what’s happening:
when nesting divs, do I create new WHOLE divs separately one by one, or on the first div nest all the rest of them in the opening tag for step 11?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">    
    <meta charset="UTF-8">
    <title>City Skyline</title>
    <link href="styles.css" rel="stylesheet" />

    <div class="background-buildings">

<!-- User Editable Region -->

      <div class="bb1" <div class="bb1a"> <div class="bb1b"> <div class="bb1c"> <div class="bb1d"/></div></div></div></div></div>

<!-- User Editable Region -->

/* file: styles.css */
* {
  border: 1px solid black;
  box-sizing: border-box;

body {
  height: 100vh;
  margin: 0;
  overflow: hidden;

.background-buildings {
  width: 100%;
  height: 100%;

.bb1 {
  width: 10%;
  height: 70%;

Your browser information:

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

Challenge: Learn CSS Variables by Building a City Skyline - Step 11

Link to the challenge:

Anything that goes between opening and closing tags of an element are gonna be counted as nesting inside it.

<p>Hello There</p>

Now both the h1 header and the p paragraph element are both nested in my div.

You want two nest four div elements in the .bb1 container div by placing them in between the divs opening and closing tag:

      <div class="bb1">#create four div elements here</div>

Hope this helps!

1 Like

I appreciate your answer, that’s what I’ve been trying to figure out, thanx a lot be talking to you soon.

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