Layout
Responsive and Breakpoints
A facade page is a composition of breakpoint sizes, they are
sm,
md,
lg,
xl,
To enable a breakpoint on an element simple affix, @< breakpoint size > to your existing class, for example, u-textCenter@sm to enable the textAlign utility only on thesm breakpoint
Box
A facade layout is a composition of box elements.
A box is a flexiable component that allows you to control the alignment and layout of the elements within it, called spans.
Span
spans allows for responsive sizing of elements.