In this video we take a unique approach to learning HTML flexbox by playing a game called Flexbox Froggy. It's the easiest way to learn flexbox and it's a lot of fun. Flexbox makes it easy to create layouts and arrange HTML elements into rows and columns. Learn how to use FlexBox Properties like justify-content align-items, align-content, order, flex-wrap, flex-direction in this video. Play the game here: https://flexboxfroggy.com/ MDN Flexbox documentation: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox 00:00 intro 02:12 Level 1 02:53 Level 2 03:24 Level 3 04:27 Level 4 04:48 Level 5 05:26 Level 6 06:06 Level 7 06:34 Level 8 07:35 Level 9 08:04 Level 10 08:49 Level 11 09:50 Level 12 10:16 Level 13 10:44 Level 14 11:59 Level 15-23 12:35 Level 24

flex-boxflexboxhtml flexhtml flexboxlearn flexboxeasy learn flexboxteach flexboxflexbox gamegame flexboxflex box froggyflexbox forggyflexbody froggyfrogylearn and playplay and learn flexboxplay flexbox froggybest flexbox tutorialtutorial flexboxsimple flexbox tutorialfun flexbox tutorialvery fun flexbox tutorial