I have a parent that's using
flex-flow: row no-wrap;
It looks like you're searching for the CSS
overflow-x: auto to the container.
And make the children less flexible.
Instead of this:
flex: 0 0 50%; /* don't grow, don't shrink, stay fixed at 50% width */
The initial value of
1, which means the flex item will shrink to avoid overflowing the container. With the code above we override the default with
0, which essentially turns off flex shrink.