Team grid

A grid of people: portrait, name, role and a short bio. For leadership / team pages.

team-grid foundation

Keywords

team, people, staff, leadership, grid

Metadata

Slugteam-grid

Categoryfoundation

Default containerwide

Statuspublished

Variants

background light · alt · dark

columns 2 · 3 · 4

Fields (5)

Heading text
Intro textarea
Columns range
Background button_group
Members 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 team-grid"
         data-block="team-grid"
         data-surface="light"
                  data-container="wide">
  <div class="container container--wide">
    <div class="team-grid__inner">
      <!-- block content -->
    </div>
  </div>
</section>