Learn CSS Variables by Building a City Skyline - Step 60

HTML-CSS
1

I cannot get past this step, really unsure what I’ve done wrong - as it’s says “you should use --building-color3 for the first two colors.” which I’ve already done.

My code so far

/* User Editable Region */

.bb3 {
  width: 10%;
  height: 55%;
  background-color: var(--building-color3);
  background: repeating-linear-gradient(
    90deg,
    var(--building-color3),
    var(--building-color3),
    var(--window-color3) 15%
  );
}

/* User Editable Region */

These are the instructions; STEP 60
So far, all the gradients you created have gone from top to bottom, that’s the default direction. You can specify another direction by adding it before your colors like this:

gradient-type(
  direction,
  color1,
  color2
);

Fill in .bb3 with a repeating-linear-gradient. Use 90deg for the direction, your building-color3 for the first two colors, and window-color3 at 15% for the third. When you don’t specify a distance for a color, it will use the values that makes sense. In this case, the first two colors will default to 0% and 7.5% because it starts at 0%, and 7.5% is half of the 15%.

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 60

2

You appear to have created this post without editing the template. Please edit your post to 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!

1 Like
3

Hello @soph.pope

I’m unsure what’s going wrong here, but it isn’t your code, it’s correct and passing the tests for me. Have you tried using another browser ?

1 Like
4

your coding arrangement is correct. try retyping it again, but aware of your ); at the end, or 90deg to make it closer to the ( , not moved away from it.