Skip to content

Visual language / Grids

Grids

A 12-column grid is made available to easily create multi-column layouts and sub-layouts. Grid columns are spaced 16 pixels apart by default, which is the same as the bottom margin of cards.

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.

© 2020 Jack Henry & Associates, Inc. Trademark notice
Version 2.0.0-beta.5.1. Last updated December 16, 2020.