Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
- Controlling the Direction of Flex Items 3:47
- Wrapping Flex Items 2:33
- Distributing Space Inside a Flex Container 5:55
- Changing the Order of Flex Items 5:32
- Wrapping Items and Distributing Space 3 objectives
- Growing Flex Items 3:42
- Smarter Layouts with flex-basis and flex 6:42
- Aligning Flex Items on the Cross Axis 3:43
- Growing and Aligning Flex Items 3 objectives
- Vertical and Horizontal Centering 4:14
- Flexbox Properties Review 6 questions
Start a free Courses trial
to watch this video
- 2x 2x
- 1.75x 1.75x
- 1.5x 1.5x
- 1.25x 1.25x
- 1.1x 1.1x
- 1x 1x
- 0.75x 0.75x
- 0.5x 0.5x
The flex container can break flex items onto multiple lines and allow them to wrap as needed. With the flex-wrap property, you can control whether the flex container is a single-line or multi-line layout.
Resources
Video review
- The
flex-wrap
property is for flex containers only. - The flex container lays out flex items on a single line called a flex line.
- The flex container tries to fit all items on one flex line, even if causes its contents to overflow.
- The flex container can break flex items into multiple flex lines and allow them to wrap as needed.
- With the
flex-wrap
property, you can control whether the flex container is a single-line or multi-line layout. - The value
wrap
breaks the flex items into multiple lines.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up-
Mark Skobelevs
12,667 Points1 Answer
-
Kafe Hezam
11,070 Points2 Answers
-
ammarkhan
Front End Web Development Techdegree Student 21,661 Points1 Answer
-
ammarkhan
Front End Web Development Techdegree Student 21,661 Points1 Answer
-
Daniel Tkach
7,608 Points4 Answers
-
PLUS
Matthew Pryor
Courses Plus Student 12,330 Points1 Answer
-
PLUS
Abir Ahmed
Courses Plus Student 8,616 Points1 Answer
-
Yifang kuo
Front End Web Development Techdegree Student 12,376 Points1 Answer
-
Aaron Selonke
10,323 Points1 Answer
-
Jaime Gonzalez
5,186 Points2 Answers
-
Mike Me
5,148 Points4 Answers
View all discussions for this video
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up