So here’s my CSS rules.
As you can see, I didn’t specified flex-grow for shrink-side and center, and even default value of it would be 0. However, when I change the screen size to be larger, shrink-side boxes actually stretched itself but stopped to grow at certain width (like you can see in the picture). Can you tell me why is that happen? Thank you
font-family: ‘Roboto Mono’, monospace;
border: 2px solid lightgrey;
margin: 10px 30px;