Grokking CSS for Web Development
Vote

0% completed

​

Main axis and cross axis

A flex container is an element that places its children in a single line and then lets you control how they share that line's space. You create one by giving an element display: flex, and its direct children become flex items. This layout system is called Flexbox. Every Flexbox property you will meet in this chapter is described in terms of two directions, so this lesson starts with those directions.

A navigation bar as a flex container

The examples in this chapter style one navigation bar: a logo and three links. Here is the complete page

.....

.....

.....

Like the course? Get enrolled and start learning!

Reading Progress

0%

Vote for new content