flex-basis: min-content; flex-grow: 0;
This content is short.
This content is a little longer.
This content is longer, because there is more of it, which probably makes sense and seems obvious.
This is a lot of content that will end up wrapping to multiple lines, because there is so darn much of it, just going on and on as if the author is being paid by the word.
flex-basis: min-content; flex-grow: 1;
This content is short.
This content is a little longer.
This content is longer, because there is more of it, which probably makes sense and seems obvious.
This is a lot of content that will end up wrapping to multiple lines, because there is so darn much of it, just going on and on as if the author is being paid by the word.