Skip to content

Visual language / Grids

Grids

A 12-column grid is made available to easily create multi-column layouts and sub-layouts.

Note
You can nest grid elements because the widths are percentages of their available space.

Tight

The grid’s spacing can be halved by using a tight grid.

No gutter

Remove spacing between columns altogether by using a grid with no gutter.

© 2021 Jack Henry & Associates, Inc. Trademark notice
Version 0.7.0. Last updated March 23, 2021.