Skip to content

m-boxes

Wraps responsive blocks. Allows blocks to stack vertically in the mobile version.

TIP

Can contain only m-box components

Attributes

AttributeDefault ValueDescription
aligncenterHorizontal alignment. Options: left / right / center (align left / right / center).
valigntopVertical alignment. Options: top / bottom / middle (align top / bottom / center).
invertedDeprecated. Enables reverse stacking order of blocks.
directionCan be set to inverted (reverse order) or mobile-inverted (reverse order on mobile only).

Example

html
<m-boxes align="left" valign="middle">
    <m-box width="435" align="left">...</m-box>
    <m-box width="165" align="left">...</m-box>
</m-boxes>