Learn CSS Variables by Building a City Skyline - Step 105

HTML-CSS
1

Tell us what’s happening:

my 2-nd gradient has a --building-color2 from 0% to 12% but but i have a mistake somewhere

Your code so far

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


/* file: styles.css */
/* User Editable Region */

.fb5 {
  width: 10%;
  height: 33%;
  background-color: var(--building-color2);
  position: relative;
  right: 10%;
  background: repeating-linear-gradient(
      var(--building-color2),
      var(--building-color2) 5%,
      transparent 5%,
      transparent 10%
    ), 
  repeating-linear-gradient(90deg 
  var(--building-color2) 0%,
  var(--building-color2) 12%,
  var(--window-color2) 12%,
  var(--window-color2) 44%);
}

/* User Editable Region */

Your browser information:

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

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 105

3

you need a comma after the 90deg

4

damn, very stupid mistake, ahahahaha, thanks

1 Like