CSS: Flexbox Essentials

with

The CSS3 Flexible Box layout model, or Flexbox to use it’s popular name, is a great way to create flexible and grid-based layouts without having to rely on floats or inline-block elements. In this course, Craig Campbell will show you all the fantastic things Flexbox can do, from setting up rows and columns, to understanding the properties of Flexbox. Finally, you’ll put this into practice by creating a simple page layout. So open up your favourite text editor and learn Flexbox!

1× speed

Free Preview: CSS: Flexbox Essentials

Introduction

01:29

1.Introduction
2 lessons, 06:24

Free Preview
1.1
Introduction
01:29

Free Preview
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


Preview for CSS: Flexbox Essentials
Lessons:
19
Length:
1.9 hours
Categories:
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.
+ Expand Bio- Collapse Bio