Learn CSS Variables by Building a City Skyline - Step 104

HTML-CSS
1

Tell us what’s happening:

Sorry, your code does not pass. Hang in there.

You should give .fb5 a background property. genereted this error what up in this below code or step .fb5 {
width: 10%;
height: 33%;

position: relative;
right: 10%;
background: repeating-linear-gradient(
var(–building-color2) 0%,
var(–building-color2) 5%,
var(–building-color2) transparent 5%,
var(–building-color2) transparent 10%;
);
}

Your code so far

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


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

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


/* User Editable Region */

Your browser information:

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

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 104

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

Hi @Abdu

The syntax for the first two colours is not quite right. Your code is missing the double hyphens at the beginning of the name.

For the last two repeating colours, you need transparent, so please remove the var() colours that appear before them.

Also, remove the semi colon at the end of the last colour.

Happy coding