Learn CSS Variables by Building a City Skyline - Step 11

HTML-CSS
1

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

Your code so far

<!-- file: index.html -->

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

/* 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36 OPR/92.0.0.0

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

Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-variables-by-building-a-city-skyline/step-11`Preformatted text`

Webpage instructions:

  1. Nest four div elements in the .bb1 container. - done
  2. Give them the classes bb1a , bb1b , bb1c , and bb1d in that order. -done

I’ve submitted the code above as requested but the response still ask me to create four new div.

Am I missing any code or there is something wrong with your website?

1 Like
2

Hi @rosaforrestiana

It looks good but you have made a couple of typos, check again you syntax. :wink:

And the link to that challenge is this one https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-variables-by-building-a-city-skyline/step-11

It seems you did not wrap it correctly, try to edit your post please, so others could check the challenge as this issue.

Happy coding and well done! Keep the good work!! :ok_hand:

3

Thanks for the advice but I think there is something wrong with the website

When coding such div within div, the website tend to reject my code but when I use code from others, I pass the step.

1 Like
4

Hi again @rosaforrestiana

The site has a lot of students so I guess is normal that sometimes it does not work as it expects to, but apart of that look closer to your code:

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

The first div .bb1b is correct, the other two don’t. I put them stacking for help you out. Don’t you see it now?

I hope that helps you Rosa. :blush:

5

Hahaha…thanks. I left out the slash before the div inside the bracket.

Even though I managed to complete all the projects, there is still a lot to discover and remember just like learning chinese characters.

It is not really easy to be a web developer…

6

Hi @rosaforrestiana

It is not, but keep the good work, baby steps, get a solid foundations and keep learning new things after that.

Happy coding and best of lucks!!