Responsive

Screen width 991 pixels and smaller

All predefined class names that affect this breakpoint and smaller start with:

‍bp‑S__

‍It can, for example, be used to center a text only on mobile screens, or to go from a 6 column layout to a 3 column layout (12 / 4 = 3).

Screen width 767 pixels and smaller

All predefined class names that affect this breakpoint and smaller start with:

‍bp‑XS__
‍
It can for example be used to go back to left align a text for these screen sizes, or to go from a 6 column layout on desktop, to a 3 column layout on tablet, to a 2 column layout on mobile landscape.

Screen width between 478 and 360 pixels

All predefined class names that affect only this breakpoint start with:

‍bp‑XXS__
‍
It can for example, be used to center align a text only on this smallest screens or to go from a 6 column layout on desktop, to a 3 column layout on tablet, to a 2 column layout on mobile landscape, to finally a 1 column layout on mobile portrait format.