Layout with Flexbox - Crushing Codecademy PRO WEB DEVELOPMENT career path Challenge
Learn CSS Flexbox to create flexible page layouts.
⏱️ 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:
Tea Cozy project:
Design Spec: https://content.codecademy.com/course...
Images:
Logo: https://content.codecademy.com/course...
Bedford Bizarre: https://content.codecademy.com/course...
Berry Blitz: https://content.codecademy.com/course...
Donut: https://content.codecademy.com/course...
Locations: https://content.codecademy.com/course...
Background: https://content.codecademy.com/course...
Myrtle Ave: https://content.codecademy.com/course...
Spiced Rum: https://content.codecademy.com/course...
Layout with Flexbox cheatsheet:
https://www.codecademy.com/learn/path...
Follow me on:
👉 Twitter: / cajicdusan
Music Credits:
Song: Chillout Lounge Music for Studying, Gaming, Working & Relaxing (Mix #01)
Music provided by Ron Gelinas Chillout Lounge.
Video Link: http://y2u.be/L83M5tw0qas
Song: NCS: The Best of 2020 [NCS Mix]
Music provided by Vlog No Copyright Music.
Video Link: http://y2u.be/1hkujgIk5Mw
Watch video Layout with Flexbox - Crushing Codecademy PRO WEB DEVELOPMENT career path Challenge online without registration, duration hours minute second in high quality. This video was added by user Dusan Cajic 19 January 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 687 once and liked it 8 people.