FREELessons: 19Length: 1.9 hours
- 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.Introduction2 lessons, 06:24
2 lessons, 06:24
1.1Introduction01:29
1.1
Introduction
01:29
1.2What is Flexbox04:55
1.2
What is Flexbox
04:55
2.Using Flexbox13 lessons, 1:28:24
13 lessons, 1:28:24
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 Layout3 lessons, 20:53
3 lessons, 20:53
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.Conclusion1 lesson, 01:08
1 lesson, 01:08
4.1Final Thoughts01:08
4.1
Final Thoughts
01:08
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then,
he has constantly sought new and exciting ways to make
beautiful things on computers.