Flexbox Great & Short Tuturials by Scrimba

Scrimba is a powerful new way of learning code. Play around with the instructor’s code any time, right in the player.

Beside Webflow flexbox university - in this tutorials, you get more ideas and knowledge about flexbox with Scrimba (very cool + short + usefull).

1/9: Display: flex

image


2/9: Main axis and cross axis

image


3/9: Justify Content

image


4/9: Position items horizontally by margin:auto

image
https://scrimba.com/p/pL65cJ/cGNK6fN


5/9: flex items :: The flex property


6/9: Align flex items

image


7/9: Flex direction column

image
https://scrimba.com/p/pL65cJ/cDzJ3Uq


8/9: Wrapping Children

image


9/9: flex items: Flex grow, shrink, basis (Important!)

image


10/10: flex items Order

image


Bonus: