3 Column 6

Breakpoint is limited based on your device or window size.

<div class="blocks-sc-3col-06 wrapper bg-color-ui-01">
  <div class="grid-container">
    <div class="small-12 cell text-center">
      <div class="spacer x-large"></div>
      <h2>Helpful Resources</h2>
      <div class="spacer x-large"></div>
    </div>
    <div class="service-list grid-x grid-padding-x grid-padding-y gutter-medium align-strech" data-equalizer>
      <!-- card -->
      <div class="large-4 medium-6 small-12 cell align-stretch">
        <a>
          <ins-card steady no-padding>
            <div class="content text-center">
              <i class="icon-globe"></i>
              <div class="spacer small"></div>
              <h3 class="name">Sales Brochure</h3>
            </div>
          </ins-card>
        </a>
      </div>
      <!-- /card -->
      <!-- card -->
      <div class="large-4 medium-6 small-12 cell align-stretch">
        <a>
          <ins-card steady no-padding>
            <div class="content text-center">
              <i class="icon-globe"></i>
              <div class="spacer small"></div>
              <h3 class="name">Support Packages</h3>
            </div>
          </ins-card>
        </a>
      </div>
      <!-- /card -->
      <!-- card -->
      <div class="large-4 medium-6 small-12 cell align-stretch">
        <a>
          <ins-card steady no-padding>
            <div class="content text-center">
              <i class="icon-globe"></i>
              <div class="spacer small"></div>
              <h3 class="name">Platform Flyer</h3>
            </div>
          </ins-card>
        </a>
      </div>
      <!-- /card -->
    </div>
  </div>
</div>
.blocks-sc-3col-06 h2 {
  line-height: 38px;
}

.blocks-sc-3col-06 h2 {
  line-height: 29px;
}

.blocks-sc-3col-06 .service-list .ins-card-wrap {
  padding: 32px 56px;
}

.blocks-sc-3col-06 .icon-globe {
  font-size: 46px;
}