Learn HTML Flexbox by playing this game - Flexbox Froggy

Опубликовано: 21 Февраль 2025
на канале: Coding With Adam

2,376

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/d...

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