Flexbox is nowaday one of the problem solvers you should master to help you in your working daily habits. Follow those little demonstrations and case studies to learn more about CSS Flexbox Layout, step by step, and become a Flexbox Ninja!

Buttons with Icons Align Buttons handling overflow by wrapping the content and including aligned icon and text. Flexbox can do it for you! Flexbox demo

Website Header A logo to the left, a navigation to the right, everything centered in small screen, no matters the number of nav items. Easy with Flexbox! Flexbox demo

Same Columns Height Your designer made an awesome work with Lorem Ipsum, but in real life texts change. Let's keep a good harmony with Flexbox! Flexbox demo

Holy Grail Layout One header, one content, one footer and two cols. Get rid of the hard thing with Flexbox! Flexbox demo