Главная
Study mode:
on
1
Intro
2
Adding Flexbox Containers
3
Flex Column
4
Flex Column Reversed
5
Flex Column Justify Content
6
Flex Column Align Items
7
Flex Column Element Stacking
8
Items Align Self
9
Flex Row
10
Flex Row Justify Content
11
Flex Row Align Items
12
Items Align Self again
13
Container Gaps
14
Flex Row Wrap
15
Flex Row Wrap Align Content
16
Flex Child Containers
17
Flex Column Child
18
Flex Row Wrap Child
19
% Width vs Container Gaps
20
Overuse of Child Containers
21
Grid Intro
22
Grid Columns and Rows
23
Grid Gaps
24
Grid Auto Flow Row and Column
25
Grid Justify Items
26
Grid Align Items
27
Grid Column Widths with fr & px
28
When is Grid useful?
29
Containers inside Grid
30
Grid is needed for some layouts
31
Grid Spanning per Container
32
Grid Spanning on the Parent
33
Conclusion
Description:
Dive into a comprehensive 50-minute crash course on Flexbox and Grid, essential layout tools for web design with Elementor. Learn the fundamentals of Flexbox containers, including column and row layouts, justification, alignment, and wrapping. Explore advanced concepts like child containers, width percentages, and container gaps. Transition into Grid layouts, understanding columns, rows, auto-flow, and item justification. Discover when to use Grid effectively, how to implement containers within Grid, and master Grid spanning techniques. Gain practical insights to enhance your web design skills and create more flexible, responsive layouts.

Flexbox and CSS Grid Crash Course for Elementor

Web Squadron
Add to list
0:00 / 0:00