- Overview
- Transcript
3.2 Styling the Layout
With the HTML in place, in this lesson, you’ll use what you’ve learned about flexbox to start styling your layout in CSS.
1.Introduction
1.1Introduction01:29
1.1
Introduction
01:29
1.2What is Flexbox04:55
1.2
What is Flexbox
04:55
2.Using Flexbox
2.1Flexbox Containers07:44
2.1
Flexbox Containers
07:44
2.2Column Widths10:43
2.2
Column Widths
10:43
2.3Width Shorthand07:42
2.3
Width Shorthand
07:42
2.4Flex-Direction04:05
2.4
Flex-Direction
04:05
2.5Reordering Your Content06:03
2.5
Reordering Your Content
06:03
2.6Adding Content05:06
2.6
Adding Content
05:06
2.7Content Spacing03:36
2.7
Content Spacing
03:36
2.8Wrapping Content06:22
2.8
Wrapping Content
06:22
2.9Flex-Flow Shorthand06:57
2.9
Flex-Flow Shorthand
06:57
2.10Cross-Axis Alignment11:55
2.10
Cross-Axis Alignment
11:55
2.11Justifying Content04:31
2.11
Justifying Content
04:31
2.12Align-Items07:39
2.12
Align-Items
07:39
2.13Adding Vendor Prefixes06:01
2.13
Adding Vendor Prefixes
06:01
3.Sample Website Layout
3.1Building a Simple Layout05:30
3.1
Building a Simple Layout
05:30
3.2Styling the Layout07:48
3.2
Styling the Layout
07:48
3.3Finishing the Styles07:35
3.3
Finishing the Styles
07:35
4.Conclusion
4.1Final Thoughts01:08
4.1
Final Thoughts
01:08
