5 hands-on exercises and 5 find-the-bug challenges for the Flex Direction lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Set the flex direction to column.
Set the direction to row-reverse.
Set the direction to column-reverse.
Set direction and wrap together with flex-flow.
Stack in a column with a 14px gap.
The value is column, not colum.
The property is flex-direction, not direction.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceThe value is row-reverse.
flex-direction belongs on the container.
flex-direction has no effect without display: flex.