Let's reduce the combination of the width and max-width properties to one
There is an old and sure way to define current and maximum width using the width and max-width properties.
.container {
width: 100%;
max-width: 70rem;
}
Did you know that can be reduced?🤔
There is the min () function that allows us to define values, and browsers will choose the smallest value from them ☝️
.container {
width: min(100%, 70rem);
}
P.S.
❤ Thank you so much, my sponsors: Ben Rinehart, Jesse Willard, Tanya Ten, Konstantinos Kapenekakis