WEBVTT

1
00:00:00.000 --> 00:00:01.930
which can make parts of
your layout appear broken.

2
00:00:01.930 --> 00:00:04.070
Flexbox is, well, flexible.

3
00:00:04.070 --> 00:00:07.040
So it can distribute available
space intelligently.

4
00:00:07.040 --> 00:00:13.370
You see, when you set an element's display value to flex or inline-flex,

5
00:00:13.370 --> 00:00:17.860
not only are you able to set a direction to how flex items are wrapped,

6
00:00:17.860 --> 00:00:21.880
you're also giving the flex container the ability to change flex items'

7
00:00:21.880 --> 00:00:25.630
height to fill the space
inside the flex container

8
00:00:25.630 --> 00:00:27.760
in the most efficient way possible.

9
00:00:27.760 --> 00:00:30.000
So the justify-content property
lets you control the position and