Lesson 04 · 11 min
Flex: row and column
The parent gets display:flex. Children line up. gap instead of margin crutches.
11 minLesson 4 of 8Practice includedAsk AI on any point
display: flex on the container. flex-direction: row | column. justify-content works along the main axis, align-items along the cross axis. gap is the space between children. A child with flex: 1 takes the free space.
Sign in to continue
The rest of this lesson opens after sign up
The first lesson of every course is open without an account. To read on, solve the practice and use Ask, create a free account or log in.