How to solve level 25 in the flex box game?

hey guys,

I just discovered the flex box game Webflow - Flexbox Game, and it’s easy to follow and understand until level 25:

I chose:

  • 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?


Here is my public share link: LINK
(how to access public share link)

I love level 25! Because it tricks you into thinking you need to direction:column, but in fact you need to stay direction:row.

http://vincent.polenordstudio.fr/snap/level25.gif

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.