CSS · At-rules, values and responsive design

calc()

Performs maths across units. Operators need spaces around them.

cssRunnable example css course

Syntax

calc(100% - 2rem)

Example

Try it

.demo { width: calc(100% - 40px); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.