Learn Intermediate CSS by Building a Picasso Painting - Step 21

HTML-CSS
1

Would someone please try explaining why should the left position of the #white-hat be set to “0” in this step? I’m not seeing the point behind it. (I guess its the same reason why top and left values are set to 0 in Step 23).

#white-hat {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 120px 140px 180px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: GhostWhite;
  border-left-color: transparent;
  position: absolute;
  top: -140px;
  left: 0; 
}

Challenge: Learn Intermediate CSS by Building a Picasso Painting - Step 21

Link to the challenge:

Thanks!

2

Ya, I think you are right, it is technically not needed.

1 Like