I just discovered the flex box game https://preview.webflow.com/preview/flexbox-game?preview=d1a26b027c4803817087a91c651e321f&m=1, and it's easy to follow and understand until level 25:
- direction: column
- wrap children
- align columns: stretch
- purple circle: order first
but now I don't know how to put the two orange elements side by side.
Since I'm using direction: column, they will be floated underneath each other, which means the second orange element will be pushed to the next column.
Anyone has an idea with this one?