block col-1-red col-3-red
full width, block red, content-narrow
| Size range |
Name |
CSS classes |
|---|
| 528 px – 979 px |
Medium |
md-stack, md-stack-last, md-stack-first |
| 528 px – 754 px |
Medium-small |
mds-stack, mds-stack-last, mds-stack-first |
| up to 527 px |
Small |
Columns will always stack on top of each other at this screen size |
md-stack-first
mds-stack-first
md-stack-last
mds-stack-last
md-stack-first-last
mds-stack-first-last
Desktop layout. Two Column control components with "No spacing" selected, each contains an Image and a Text component. The first Column Control component has "grey block" and "md-stack" CSS Classes, the second Column Control component has "grey block" and "md-stack-last-first" CSS Classes. Both text component have "pad-all" CSS Class.
