skip to Main Content

Responsive

The following utility classes can be applied at specific breakpoints allowing you to make the element’s more responsive. Not all utility classes support responsive breakpoints, only the more important classes for responsive support. For example, you may want to adjust the width of an element at different breakpoints but if you set a background color on an element you will generally keep that color across all devices.

Order

Grid Template Columns

Padding

Margin

Justify Content

Flex Shrink

Flex Wrap

Flex Direction

Align Items

Text Align

Width

Font Size

Visibility

Top, Right, Bottom, Left

Position

Float

Display