Minimum margin css

//In 2020 this is now very straightforward using the CSS math functions: min(), max(), and clamp().

//A min calculation picks the smallest from a comma separated list of values (of any length). This can be used to define a max-padding or max-margin rule:
padding-right: min(50px, 5%);

//A max calculation similarly picks the largest from a comma separated list of values (of any length). This can be used to define a min-padding or min-margin rule:
padding-right: max(15px, 5%);

//A clamp takes three values; the minimum, preferred, and maximum values, in that order.
padding-right: clamp(15px, 5%, 50px);

Similar codes

1 vote389 views2 answers
How to center topnav bar in html
CSS
42 votes395 views5 answers
Split text javascript
CSS
1 vote347 views2 answers
Media max height css
CSS
1 vote368 views2 answers
Border shorthand CSS
CSS
7 votes389 views2 answers
Vue sass loader
CSS
1 vote367 views1 answer
Rotate text css
CSS
0 vote352 views1 answer
Truncate multiline text
CSS
0 vote357 views3 answers
Css class selector
CSS
0 vote341 views1 answer
Css table th width
CSS
1 vote377 views1 answer
How to change style based on screen size
CSS