CSS Layout

progressive enhancement flexbox

Flexbox can be used to progressively enhance a grid made using float or inline-block. Currently my favorite way to do grids is to use inline-block with flexbox.

By using flexbox in combination inline-block a layout can have:-

• equal heights
• vertically aligned items
• justified content
• multi dimensional layout (nested grid plus flex-direction: column)