I finally decided to take my time to learn Flexbox. Following the table layouts, 960 fixed grids, responsive grids now it is time for flexbox and css grids (not fully supported yet but coming soon!). So it is perfect time to learn Flexbox!
I will first write all properties and explain briefly. Then I'll try to combine those to create more realistic examples.
I'm preparing this material purely for my own educational purposes, you may find more comprehensive tutorials out there but I'll be glad if this also helps you.
Javascript parts written with VueJS, code highlighting done with PrismJS.