3 Column 1

Breakpoint is limited based on your device or window size.

<div class="blocks-sc-3col-01 wrapper bg-color-ui-01">
  <div class="grid-container" data-test="section-content-01">
    <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 data-test="section-content-01-card">
            <div class="content">
              <h3 class="name">Store Locator App</h3>
              <div class="spacer x-large"></div>
              <div class="short-description">
                Got any questions? Do not fret, everything you need to know, we'll give you and more. We created a very thorough and Insiteful (get it?) documentation just for you. Just cli ...
              </div>
              <div class="spacer xxx-large"></div>
              <span class="button-default color-main">
                LEARN MORE  <i class="icon-angle-right"></i>
              </span>
            </div>
          </ins-card>
        </a>
      </div>
      <!-- /card -->
      <!-- card -->
      <div class="large-4 medium-6 small-12 cell align-stretch">
        <a>
          <ins-card steady data-test="section-content-01-card">
            <div class="content">
              <h3 class="name">Database Driven Website</h3>
              <div class="spacer x-large"></div>
              <div class="short-description">
                Got any questions? Do not fret, everything you need to know, we'll give you and more. We created a very thorough and Insiteful (get it?) documentation just for you. Just cli ...
              </div>
              <div class="spacer xxx-large"></div>
              <span class="button-default color-main">
                LEARN MORE  <i class="icon-angle-right"></i>
              </span>
            </div>
          </ins-card>
        </a>
      </div>
      <!-- /card -->
      <!-- card -->
      <div class="large-4 medium-6 small-12 cell align-stretch">
        <a>
          <ins-card steady data-test="section-content-01-card">
            <div class="content">
              <h3 class="name">Company Team Page</h3>
              <div class="spacer x-large"></div>
              <div class="short-description">
                Got any questions? Do not fret, everything you need to know, we'll give you and more. We created a very thorough and Insiteful (get it?) documentation just for you. Just cli ...
              </div>
              <div class="spacer xxx-large"></div>
              <span class="button-default color-main">
                LEARN MORE  <i class="icon-angle-right"></i>
              </span>
            </div>
          </ins-card>
        </a>
      </div>
      <!-- /card -->
      <!-- card -->
      <div class="large-4 medium-6 small-12 cell align-stretch">
        <a>
          <ins-card steady data-test="section-content-01-card">
            <div class="content">
              <h3 class="name">Insites Data Entry</h3>
              <div class="spacer x-large"></div>
              <div class="short-description">
                Got any questions? Do not fret, everything you need to know, we'll give you and more. We created a very thorough and Insiteful (get it?) documentation just for you. Just cli ...
              </div>
              <div class="spacer xxx-large"></div>
              <span class="button-default color-main">
                LEARN MORE  <i class="icon-angle-right"></i>
              </span>
            </div>
          </ins-card>
        </a>
      </div>
      <!-- /card -->      
    </div>
  </div>
</div>