Learn CSS Variables by Building a City Skyline - Step 10

Tell us what’s happening:

Hi, can someone assist please. Its still telling me I havent selected the .bb1 class selector.

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>

<!-- User Editable Region -->

    <div class="background-buildings"></div>
    <div class="bb1">
<style>
  .bb1{width: 10%;
  height: 70%;}</style></div>

<!-- User Editable Region -->

  </body>
</html>
/* file: styles.css */
* {
  border: 1px solid black;
  box-sizing: border-box;
}

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

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 10

  • The instruction: " Nest a div with a class of bb1 in the background buildings container." – Delete the complete ‘style’ element, and then nest the div with class bb1 in the background buildings container:
<div class="background-container">
   Here goes the nested div element with the "bb1" class
</div>
  • The instructions: “OPEN YOUR styles.css file, and give .bb1 a width of 10% and height of 70%. “bb” stands for “background building”, this will be your first building.”

Click on the button “styles.css” in your editor:
image
and there add the CSS rule for the .bb1 class, according to the instructions.

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