Making width and flexible items play nice together

The short answer: flex-shrink and flex-basis are probably what youre lookin for.

Lets say you want to align an image and some text next to each other with like this:

Now let's say you reach for flexbox to make it happen. Setting the parent element to display: flex; is a good first start.

.container {   display: flex; }

And this results in...

See the Pen
Flex-Shrink Example 1 by Robin Rendle (@robinrendle)
on CodePen.… Read article