From 9ee77ab9b6ef2efda1a94726882d57de5f5ceec0 Mon Sep 17 00:00:00 2001 From: Muhammed Mustafa Date: Sat, 21 May 2022 11:58:08 +0200 Subject: [PATCH] fix(curriculum): vague skyline step 51 (#46072) --- .../5d822fd413a79914d39e98fb.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fb.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fb.md index 9391bc08945..45b274e0fab 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fb.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fb.md @@ -7,18 +7,18 @@ dashedName: step-51 # --description-- -You can make an instant color change in a gradient by giving the transition zero space like this: +Gradient transitions often gradually change from one color to another. You can make the change a solid line like this: ```css -gradient-type( - color1, - color1 50%, - color2 50%, - color2 +linear-gradient( + var(--first-color) 0%, + var(--first-color) 40%, + var(--second-color) 40%, + var(--second-color) 80% ); ``` -Here, the top half of the element will be `color1` and the bottom half will be `color2`. Add a `linear-gradient` to `.bb2b` that uses `--building-color2` from `0%` to `6%` and `--window-color2` from `6%` to `9%`. +Add a `linear-gradient` to `.bb2b` that uses `--building-color2` from `0%` to `6%` and `--window-color2` from `6%` to `9%`. # --hints--