Skip to content

Instantly share code, notes, and snippets.

@Yovvel
Created January 18, 2019 16:40
Show Gist options
  • Save Yovvel/ec30f283cde6a647bc3dd09f05f40725 to your computer and use it in GitHub Desktop.
Save Yovvel/ec30f283cde6a647bc3dd09f05f40725 to your computer and use it in GitHub Desktop.
*{
background-color: rgba(0,0,0,0.1);
}
Trick to debug when dealing with css box models.
by using the "*" you select all elements of the page.
Then, te next line of code is used to give every element a slighty darker color shade.
By doing this, every element which is nested in another element will get slightly darker than its parent element.
This is ideal to understand the padding and margins are affecting the surrounding elements.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment