I stuck on css and i need help

HTML-CSS
#1

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 */
  }
#2

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

#3

nah it’s Cascading CSS variables

#4

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
#5

Thanks for help it worked :slight_smile:

#6