Skip Navigation

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 Layout mode can be fully utilized without drawbacks.

 

2 Columns with section for background color

Select Your Plan Type

Contact numbers depend on your plan type. If you don’t have your Member ID card readily available select your plan type to view the correct number to call for your plan.

 

 

3 Columns with Padding

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet consectetur. Facilisi urna sit sodales. Facilisi urna sit sodales

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet consectetur. Facilisi urna sit sodales. Facilisi urna sit sodales

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet consectetur. Facilisi urna sit sodales. Facilisi urna sit sodales

 

4 Columns, Full Bleed

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.

 

2 columns - 8:4 ratio

Select Your Plan Type

Contact numbers depend on your plan type. If you don’t have your Member ID card readily available select your plan type to view the correct number to call for your plan.

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.

Lorem ipsum dolor sit amet

 

2 columns - 3:9 ratio, with column padding

Placeholder Text

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.