How do I set a flex-container to be the width of its flex-items?

css, flexbox

Solution

If you mean you want the container to be the width of the items, rather than the items expanding to the container width...

You may be able to get that by changing `display:flex` to `display:inline-flex`

Problem

I have a flex container with `justify-content: flex-start`. There ends up being overflow on the right side due to the flex items taking less space than the size of the container. Aside from setting an explicit width on the flex-container, is there a way of just having the equivalent of `width: auto` to remove the overflow?

Original source