Master Flexbox CSS: Complete Guide with 8 Real Projects
Focused View
2:11:10
1 - Welcome.mp4
00:24
2 - Introduction.mp4
05:02
3 - Flex terminology.mp4
02:46
4 - Flex container.mp4
02:41
5 - Flex direction.mp4
04:20
6 - Flex wrap.mp4
06:52
7 - Flex flow.mp4
03:15
8 - Flex justification.mp4
11:45
9 - Flex align items.mp4
06:47
10 - Flex align content.mp4
07:32
11 - FLex item properties.mp4
03:54
12 - Flex item order.mp4
04:17
13 - Flex item grow.mp4
03:11
14 - Flex item shrink.mp4
02:56
15 - Flex item basis.mp4
04:58
16 - Flex item flex.mp4
03:47
17 - Flex item alignself.mp4
04:31
18 - Practice 1 Center Items.mp4
03:36
18 - Source on codepen.txt
19 - Practice 2 Responsive gridlike flex.mp4
04:16
19 - Source code on codepen.txt
20 - Practice 3 Cards.mp4
06:06
20 - Source code on codepen.txt
21 - Practice 4 Tags.mp4
07:49
21 - Source code on codepen.txt
22 - Practice 5 Responsive navbar.mp4
07:09
22 - Source code on codepen.txt
23 - Practice 6 Responsive split navigation.mp4
07:39
23 - Source code on codepen.txt
24 - Practice 7 Web wireframe responsive design.mp4
08:57
25 - Practice 8 Web wireframe responsive design 2.mp4
06:40
More details
Course Overview
This comprehensive course takes you from Flexbox basics to advanced responsive layouts through hands-on exercises and real-world projects. Learn CSS Flexbox thoroughly with practical applications.
What You'll Learn
- Master Flex container and item properties
- Create responsive grids, navbars, and card layouts
- Build professional wireframes with Flexbox
Who This Is For
- Front-end developers learning modern CSS
- Web designers transitioning to code
- Beginners wanting practical layout skills
Key Benefits
- 8 ready-to-use project templates
- 2+ hours of focused exercises
- Codepen source files for all practices
Curriculum Highlights
- Flex container properties
- Flex item properties
- Real-world responsive projects
Focused display
Category
- language english
- Training sessions 25
- duration 2:11:10
- Release Date 2025/05/27
