Box Sizing

box-sizing: border-box makes width and height include the padding and border. Layouts become much more predictable.

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