Skip to content

Instantly share code, notes, and snippets.

@ticidesign
Created January 30, 2018 03:55
Show Gist options
  • Save ticidesign/9ff85be080162c4ee21d8092835e4743 to your computer and use it in GitHub Desktop.
Save ticidesign/9ff85be080162c4ee21d8092835e4743 to your computer and use it in GitHub Desktop.
html {
/* border-box box model allows us to add padding and border to our elements without increasing their size */
box-sizing: border-box;
}
/*
WHAT IS THIS?!
We inherit box-sizing: border-box; from our <html> selector
Apparently this is a bit better than applying box-sizing: border-box; directly to the * selector
*/
*,
*:before,
*:after {
box-sizing: inherit;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment