E-Learning Platform
0 of 139 builtAlways freeSign in
← Web Foundation I← Flexbox Layout
2.05 · Lab

Flexbox Layout

A shelf is only a shelf once something sits on it. Turn two plain containers into flexboxes and push their items around.

Exercise

Line up a nav bar and a gear list

Checks itself — try as often as you like

Two containers below need turning into flexboxes:

  • .nav — display: flex;, justify-content: space-between;, and align-items: center;.
  • .gear-list — display: flex; and flex-direction: column;.