How do you use calc() in CSS?

calc() performs dynamic calculations for CSS values.

Example:

div {

width: calc(100% - 50px);

padding: calc(1em + 5px);

Follow me on LinkedIn:

Key Takeaway:

calc() mixes units and adjusts layouts dynamically.