/**
 * Base
 *
 * These are top-level styles for things like the <body>. Properties like
 *  box-sizing, body background/font-family and more.
 */

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

/**
 * Base
 *
 * These are top-level styles for things like the <body>. Properties like
 *  box-sizing, body background/font-family and more.
 */

html {
  box-sizing: border-box;
}

*,
::after,
::before {
  box-sizing: inherit;
}

img {
  max-width: 100%;
}

Update box-sizing for more flexibility
Update box-sizing for more flexibility

This update allows you to use `content-box` and `padding-box` as desired without universal selector causing inheritance issues.
https://css-tricks.com/box-sizing/
