calc(), min() and max(): Math in CSS

calc() does arithmetic with sizes, even mixing units such as 100% and 2rem, and min() and max() pick the smaller or the larger of two sizes, so a box fits a phone and a wide screen with no media query at all.

Updated

Cheat sheet: calc(), min() and max(): Math in CSS
Category
CSS
Level
Journeyman
Tags
calc(), ch unit, CSS, max(), min()