Learn CSS Variables by Building a City Skyline - Step 21

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

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

  <body>
<div></div>
<div></div>
<div class="background-buildings">
<div></div>
<div></div>
       <div class="bb1">
        <div class="bb1a"/>
        <div class="bb1b"/>
        <div class="bb1c"/>
        <div class="bb1d"/>
      </div>
      <div class="bb2"/>
      <div class="bb3"/>
      <div class="bb4"/>
    </div>
  </body>
</html>

i don’t understand how many divs should i add?

2

There are five div elements that must be added to the existing code.

The first two div elements are done correctly.
You should also add a div element between .bb3 and .bb4.
Do the same for the two div elements that should be added after .bb4.

.bb3 and .bb4 are classes in corresponding div elements.

3

i didnot get it bro.
what do you mean by
.bb3 and .bb4 are classes in corresponding div elements.

4

For example:

<div class="bb3"></div>
   here goes one div element
<div class="bb4"></div>
   here go two div elements
5

i did it bro.
but it is telling me to add 5 new div elements, which i didnot understand

6

As you can see in your code, all of your div elements with classes set to .bb1, .bb1a, .bb1b and so on, need the closing ‘div’ tags </div>:

<div class="bb1"></div>
.
.
.

Restart the step.

7 
 <div></div>
    <div></div>
    <div class="background-buildings">
    <div></div>
    <div></div>
        <div class="bb1">
        <div class="bb1a"></div>
        <div class="bb1b"></div>
        <div class="bb1c"></div>
        <div class="bb1d"></div>
      </div>
      <div class="bb2"></div>
      <div class="bb3"></div>
      <div></div>
      <div class="bb4"></div>
      <div></div>
      <div></div>
    </div>
8

You have posted a blank message.

9

so, see what i have done and tell me my mistake

10

If you have restarted the step, please post your new code here.
Click on the </> sign in the menu,

image
image838×357 11.1 KB

and you will get something like this:

type or paste code here ---------------(here add your code)
11

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

12

it looks like you added 7 div elements.
you were only asked for 5.
The first 2 above the .background-buildings were not requested.