DEV Community

Cover image for Layout with Flexbox - Codecademy PRO version
Dusan
Dusan

Posted on

Layout with Flexbox - Codecademy PRO version

TL;DR: I completed a Layout with Flexbox course in Getting More Advanced with Design module on Codecademy. This is a part of the ๐Ÿ”— Codecademy Web Development Career Path series.

You can find the video on YouTube below โฌ‡๏ธ

If you like the video, don't forget to smash that like icon ๐Ÿ‘ and subscribe โค๏ธ. It will help a lot! Thanks! ๐Ÿ™

โฑ๏ธ Chapters:
๐Ÿ”— 0:00 Intro
๐Ÿ”— 0:30 What is Flexbox?
๐Ÿ”— 3:50 display: flex
๐Ÿ”— 6:12 inline-flex
๐Ÿ”— 9:42 justify-content
๐Ÿ”— 15:50 align-items
๐Ÿ”— 22:27 flex-grow
๐Ÿ”— 28:16 flex-shrink
๐Ÿ”— 33:36 flex-basis
๐Ÿ”— 39:20 flex
๐Ÿ”— 47:17 flex-wrap
๐Ÿ”— 52:25 Align-content
๐Ÿ”— 59:05 flex-direction
๐Ÿ”— 1:05:28 flex-flow
๐Ÿ”— 1:07:31 Nested Flexboxes
๐Ÿ”— 1:11:51 Review: Flexbox
๐Ÿ”— 1:17:04 Flexbox: To-Do App
๐Ÿ”— 1:23:10 Tea Cozy
๐Ÿ”— 1:25:20 Flexbox Quiz

๐Ÿ“š Materials/References:
๐Ÿ”— Layout with Flexbox cheatsheet

Thanks for reading! I hope you find it useful.

Top comments (0)