Flex - remove this massive space?

https://www.w3schools.com/code/tryit.asp?filename=GJ25OZMPNXDX

I’m messing around with flexbox - when the elements flow to the next row, there’s this massive space presumable so the space is split evenly. How do I avoid this? Is there a way to make them be next to each other?

https://developer.mozilla.org/en-US/docs/Web/CSS/align-content use align-content: start

2 Likes

Works perfectly now! thanks