Grid

Flexible grid of items (icon/image + title + text + optional link). Column count is admin-selectable 1–6.

grid foundation

Keywords

grid, columns, features, services

Metadata

Sluggrid

Categoryfoundation

Default containerstandard

Statuspublished

Variants

background light · alt · dark

columns 1 · 2 · 3 · 4 · 5 · 6

alignment left · centred

Fields (6)

Heading text
Intro textarea
Columns range
Item alignment button_group
Background button_group
Items repeater

Use in a mockup

Copy this as the wrapper in your mockup's HTML — fill the inner markup per the Mockup Spec.

<section class="section grid"
         data-block="grid"
         data-surface="light"
                  data-container="standard">
  <div class="container container--standard">
    <div class="grid__inner">
      <!-- block content -->
    </div>
  </div>
</section>