Feature Grids

The feature grid is primarily used to highlight features of products using small imagery or icons. It enables the editors to structure content into multiple columns (2 or 3) and associate supporting imagery and CTAs easily with the features.

Variants

  • 2 Up: Displays with 2 features per row.
  • 3 Up: Displays with 3 features per row.
  • Side Icon (default): Displays the icon to the left of the content (controlled on a per feature basis via the "Feature Alignment" option).
  • Top Icon (default): Displays the icon above the content (controlled on a per feature basis via the "Feature Alignment" option).
  • Simple Feature Grid: (Separate Block) Only uses an icon and a headline with the icon centered vertically to the left of the headline.

Feature Grid - Full

Icon

Feature Headline Here

Feature SubHead Here

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper.

Dolor Sollicitudin Sem

Vestibulum Bibendum Etiam Aenean

Vestibulum id ligula porta felis euismod semper. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Icon short

Fermentum Vulputate Malesuada

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas sed diam eget risus varius blandit sit amet non magna. Curabitur blandit tempus porttitor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Feature Grid - Simple

Icon short

Commodo Risus Cras Euismod

Icon tall

Etiam Ligula Purus Commodo

Icon short

Tristique Vehicula Nibh

Icon

Vestibulum Purus Commodo Parturient Consectetur