Skip to content

Commit 1436d89

Browse files
StephenMuyamajestic-owl448Sembaukegikf
authored
fix: 19th and 20th questions replaced (freeCodeCamp#58067)
Co-authored-by: Ilenia <[email protected]> Co-authored-by: Sem Bauke <[email protected]> Co-authored-by: Krzysztof G. <[email protected]>
1 parent 0c66f2c commit 1436d89

File tree

1 file changed

+10
-42
lines changed

1 file changed

+10
-42
lines changed

curriculum/challenges/english/25-front-end-development/quiz-css-colors/66ed8fe1f45ce3ece4053eb1.md

Lines changed: 10 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -413,91 +413,59 @@ Which color model includes the `hue` component?
413413

414414
#### --text--
415415

416-
Which of the following is the correct syntax to create a CSS variable with a fallback value?
416+
Which color function also allows you to set the opacity of the color?
417417

418418
#### --distractors--
419419

420420
```css
421-
.element {
422-
color: var(--main-color; red);
423-
}
421+
hsl(0, 20%, 30%, 50%)
424422
```
425423

426424
---
427425

428426
```css
429-
.element {
430-
color: var(--main-color);
431-
}
427+
rgb(20, 30, 80, 0.5)
432428
```
433429

434430
---
435431

436432
```css
437-
.element {
438-
color: var(--main-color: red);
439-
}
433+
rgba(20, 30, 80)
440434
```
441435

442436
#### --answer--
443437

444438
```css
445-
.element {
446-
color: var(--main-color, red);
447-
}
439+
hsla(0, 20%, 30%, 50%)
448440
```
449441

450442
### --question--
451443

452444
#### --text--
453445

454-
How can you use CSS variables to dynamically change the color of multiple elements?
446+
Which of the following is the correct way to give an element a top-to-bottom red-to-blue gradient background?
455447

456448
#### --distractors--
457449

458450
```css
459-
:root {
460-
primary-color: blue;
461-
}
462-
463-
.element1, .element2 {
464-
color: --primary-color;
465-
}
451+
background: radial-gradient(red, blue)
466452
```
467453

468454
---
469455

470456
```css
471-
body {
472-
--color: blue;
473-
}
474-
475-
.element1, .element2 {
476-
color: var(color);
477-
}
457+
background: radial-gradient(blue, red)
478458
```
479459

480460
---
481461

482462
```css
483-
:root {
484-
primary: blue;
485-
}
486-
487-
.element1, .element2 {
488-
color: var(--primary);
489-
}
463+
background: linear-gradient(blue, red)
490464
```
491465

492466
#### --answer--
493467

494468
```css
495-
:root {
496-
--primary-color: blue;
497-
}
498-
499-
.element1, .element2 {
500-
color: var(--primary-color);
501-
}
469+
background: linear-gradient(red, blue)
502470
```
503471

0 commit comments

Comments
 (0)