Min css

.content {
  /*Choose the smallest value between these two values at any time*/
  width:min(500px,70%);
  /*equivalent to */
  width:70%;
  max-width:500px;
}

Source: youtu.be

Min css

.container {  width: min(80ch, 100% - 2rem);  margin-right: auto;  margin-left: auto;}

Source: moderncss.dev

Similar codes

0 vote368 views1 answer
How to make a flex container full page
CSS
2 votes357 views1 answer
Add image ::before css
CSS
0 vote379 views1 answer
Make changes to api fetch onclick in react
CSS
3 votes331 views2 answers
Div rounded corners
CSS
0 vote342 views1 answer
The edit queue is full at the moment - try again in a few minutes!
CSS
2 votes379 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS
0 vote397 views1 answer
Webpack how to disable warning when run build
CSS
0 vote355 views1 answer
Flex direction tailwind
CSS
200 votes567 views6 answers
Background image
CSS
2 votes374 views1 answer
@media prefers-color-scheme
CSS