Flexbox, grid, positioning, and display utilities for building responsive layouts.
Control the display property of elements.
block → display: blockinline-block → display: inline-blockinline → display: inlineflex → display: flexinline-flex → display: inline-flexgrid → display: gridhidden → display: nonemd:block → block on medium+lg:flex → flex on large+md:hidden → hide on medium+Build flexible layouts with flexbox utilities.
Create responsive grid layouts with grid utilities.
Center and constrain content width with the container class.
Content is centered and has max-width constraints.
Content here
Content here
Content here