Grid

Grids display multiple components in a row. Select the number of evenly spaced columns and fill it with select components like Headline and Text. See also Image Grid, Teaser Card Grid, Value Prop Grid.

Default

This is the default grid. Without any number of columns set there is a single, full-width column and AEM Layouting mode can be fully utilized without drawbacks.

2 Columns, Full Width

3 Columns with Padding, Full Width

4 Columns, Restricted Width

Column 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi viverra nibh eu velit iaculis blandit. Vestibulum efficitur dui leo, nec cursus neque dignissim ac. Ut malesuada sagittis quam, vel sagittis felis feugiat in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut massa imperdiet, posuere quam non, mattis ante.

Column 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi viverra nibh eu velit iaculis blandit. Vestibulum efficitur dui leo, nec cursus neque dignissim ac. Ut malesuada sagittis quam, vel sagittis felis feugiat in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut massa imperdiet, posuere quam non, mattis ante.

Column 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi viverra nibh eu velit iaculis blandit. Vestibulum efficitur dui leo, nec cursus neque dignissim ac. Ut malesuada sagittis quam, vel sagittis felis feugiat in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut massa imperdiet, posuere quam non, mattis ante.

Column 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi viverra nibh eu velit iaculis blandit. Vestibulum efficitur dui leo, nec cursus neque dignissim ac. Ut malesuada sagittis quam, vel sagittis felis feugiat in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut massa imperdiet, posuere quam non, mattis ante.

5 Columns, Restricted Width

6 Columns, Full Width