Code

Flexbox

Introduction to Flexbox

Flexbox is a nice, professional way to organize content such as images. It controls the aligning and stacking of the images. In this lesson, you will learn how to style images in containers and produce the following output:

Before learning how to use flex, in order for it to work very well, you might want to set your content to be the same width and height, and, in CSS, type div{height: blahblahblah}

To learn more about flexbox, click in the navigation bar dropdown menu to explore basics, direction, wrapping, and aligning content.

All iceberg images accessed from the Public Domain.