Columns Medium Left
Split content into 2 columns with responsive capabilities to improve the way information is displayed. The left column will be smaller.
When to use
Columns Medium Left improves the way information is displayed on different devices.
Gutter Size
Change the space between columns, based on the
spacing scale.
Gutter None
Gutter XS
Gutter S
Gutter Base
Gutter M
Gutter L
Gutter XL
Gutter XXL
Responsive Behavior
Define how columns can stack in different devices.
Break All
Break First
Break Last
Break Middle
Break None
See more information on implementing this pattern in the
product documentation