I stuck on css and i need help

Hello everyone i stuck on mission where you have to enter --penguin-belly in the root section i think i do it all correct but for some reason the website dosent pass my answer .

here’s my code:

  :root {
    /* add code below */
background: var(--penguin-belly, pink);
    /* add code above */

Is this the challenge name “Basic CSS - Change a variable for a specific area” ?

nah it’s Cascading CSS variables

This has passed the code, You have to over-write the declared variable from :root,
so the pink colour is applied to some elements and white to over-write the penguin-belly.

  .penguin {
    /* add code below */
    --penguin-belly: white;
    /* add code above */
    position: relative;
    margin: auto;
    display: block;
    margin-top: 5%;
    width: 300px;
    height: 300px;
1 Like

Thanks for help it worked :slight_smile: