Learn CSS Variables by Building a City Skyline - Step 51

HTML-CSS
1

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

Your code so far
.bb2b should have a linear-gradient transitioning from --building-color2 at 0% to 6% , and --window-color2 at 6% to 9% .

<!-- 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 class="background-buildings">
      <div></div>
      <div></div>
      <div class="bb1">
        <div class="bb1a bb1-window"></div>
        <div class="bb1b bb1-window"></div>
        <div class="bb1c bb1-window"></div>
        <div class="bb1d"></div>
      </div>
      <div class="bb2">
        <div class="bb2a"></div>
        <div class="bb2b"></div>
      </div>
      <div class="bb3"></div>
      <div></div>
      <div class="bb4"></div>
      <div></div>
      <div></div>
    </div>

    <div class="foreground-buildings">
      <div></div>
      <div></div>
      <div class="fb1"></div>
      <div class="fb2"></div>
      <div></div>
      <div class="fb3"></div>
      <div class="fb4"></div>
      <div class="fb5"></div>
      <div class="fb6"></div>
      <div></div>
      <div></div>
    </div>
  </body>
</html>

.bb2b {
  width: 100%;
  height: 100%;
   background: linear-gradient(
  var(--building-color2) 0%,
  var(--building-color2) 6%,
  var(--window-color2) 6%,
  var(--window-color2) 9%,
);
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

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

Link to the challenge:

2

You dont need a comma after 9%

3

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