Change Variable for Specific Area - Will not accept answer

  :root {
    --penguin-skin: gray;
    --penguin-belly: pink;
    --penguin-beak: orange;

  body {
    background: var(--penguin-belly, #c6faf1);

  .penguin {
    /* Only change code below this line */
--penguin-belly: white;
    /* Only change code above this line */
    position: relative;
    margin: auto;
    display: block;
    margin-top: 5%;
    width: 300px;
    height: 300px;

I need to change Change the value of --penguin-belly to white in the penguin class. I have watched the video and viewed the forum which would show what I have inputed above. But it is saying I still need to reassign the variable to white within the penguin class.

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

Having the same problem …

Have you read some of the other forum replies on this issue? There is a problem on Safari.

Is the problem only in this one challenge on safari? Every other challenge has been a breeze, no issues at all.

I have read a few of them. I haven’t gone back and tried any of them. Just moved on since I knew I had the code right.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.