In the lesson about overwriting :root variables, the lesson asks you to “Change the value of --penguin-belly
to white
in the penguin
class.”
So, I navigate to the .penguin class and have entered:
/* Only change code below this line */
--penguin-belly: white;
/* Only change code above this line */
and I receive this in the output:
// running tests
The ‘penguin’ class should reassign the ‘–penguin-belly’ variable to 'white’
. // tests completed
This confused me, but I’m still a noob and it’s been a week since I’ve touched the curriculum, so I thought maybe I should enter this:
--penguin-belly var
(--penguin-belly, white);
This, unsurprisingly, messed everything up. So I looked at the solution:
We need to reassign the --penguin-belly
variable to white
in the penguin
class:
.penguin {
/* add code below */
--penguin-belly: white;
/* add code above */
Exactly what I had entered! To be sure, I copied and pasted the solution in. Still got the same error on the output. I watched the video with the lesson, same situation.
So is it an error, or do I not have enough caffeine to see my mistake??
Edited to mention: the lil penguin guy’s stomach definitely turns white from grey when I input my code.