Craig CampbellJul 19, 2014

FREELessons: 19Length: 1.9 hours

Next lesson playing in 5 seconds

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
2 lessons, 06:24

2.Using Flexbox
13 lessons, 1:28:24

2.5
Reordering Your Content
06:03

2.10
Cross-Axis Alignment
11:55

2.13
Adding Vendor Prefixes
06:01

3.Sample Website Layout
3 lessons, 20:53

3.1
Building a Simple Layout
05:30

3.3
Finishing the Styles
07:35

4.Conclusion
1 lesson, 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.

craigsoup

CSS: Flexbox Essentials

Next lesson playing in 5 seconds

3.2 Styling the Layout

1.Introduction
2 lessons, 06:24

1.1
Introduction
01:29

1.2
What is Flexbox
04:55

2.Using Flexbox
13 lessons, 1:28:24

2.1
Flexbox Containers
07:44

2.2
Column Widths
10:43

2.3
Width Shorthand
07:42

2.4
Flex-Direction
04:05

2.5
Reordering Your Content
06:03

2.6
Adding Content
05:06

2.7
Content Spacing
03:36

2.8
Wrapping Content
06:22

2.9
Flex-Flow Shorthand
06:57

2.10
Cross-Axis Alignment
11:55

2.11
Justifying Content
04:31

2.12
Align-Items
07:39

2.13
Adding Vendor Prefixes
06:01

3.Sample Website Layout
3 lessons, 20:53

3.1
Building a Simple Layout
05:30

3.2
Styling the Layout
07:48

3.3
Finishing the Styles
07:35

4.Conclusion
1 lesson, 01:08

4.1
Final Thoughts
01:08

CSS: Flexbox Essentials

Next lesson playing in 5 seconds

3.2 Styling the Layout

1.Introduction2 lessons, 06:24

2.Using Flexbox13 lessons, 1:28:24

3.Sample Website Layout3 lessons, 20:53

4.Conclusion1 lesson, 01:08

1.Introduction
2 lessons, 06:24

2.Using Flexbox
13 lessons, 1:28:24

3.Sample Website Layout
3 lessons, 20:53

4.Conclusion
1 lesson, 01:08