Could some1 explain css propery the ' width' especially when it is accompanied by this kind of value 'calc()'.

Question

For example . ''width: calc(20% - 50px);

Answer 1

https://code.sololearn.com/W4F2NOmpiS75/?ref=app

width is horizontal size of element

calc is a function to use arithmetic operations, each operator must have space before and after it.

px is fixed unit, one dot on screen.

% is relative size to its direct parent.

https://code.sololearn.com/WrgbrFC038ma/?ref=app