flexbox

flexbox is a one-dimensional layout method for arranging items in rows or columns. items flex (expand) to fill additional space or shrink to fit into smaller spaces. this article explains all the fundamentals.

rowe.g. navigation header

home about contact

columne.g. side navigation

home about contact

grids and flexbox

the basic difference between css grid layout and css flexbox layout is that flexbox was designed for layout in one dimension - either a row or a column. grid was designed for two-dimensional layout - rows, and columns at the same time.

browser support

chrome firefox safari
display: flex 29 20 9
← back to home