3 Column 7

Breakpoint is limited based on your device or window size.

<div class="blocks-sc-3col-07 wrapper bg-color-ui-01">
  <div class="grid-container">
    <div class="spacer x-large"></div>
    <div class="grid-x gutter-medium grid-padding-x">
      <!-- segment -->
      <div class="large-4 medium-6 small-12 cell">
        <!-- <div class="spacer x-large"></div> -->
        <h3>Store Locator App</h3>
        <div class="spacer"></div>
        <div class="description">
          <ul>
            <li>
              <p>Appear in more search results with SEO Optimised Pages for every location.</p>
              <div class="spacer x-small"></div>
            </li>
            <li>
              <p>Answer more questions with full details for all locations.</p>
              <div class="spacer x-small"></div>
            </li>
            <li>
              <p>Engage more users with unique content per location.</p>
              <div class="spacer x-small"></div>
            </li>
          </ul>
        </div>
      </div>
      <!-- /segment -->
      <!-- segment -->
      <div class="large-4 medium-6 small-12 cell">
        <div class="spacer xxx-large show-for-small-only"></div>
        <!-- <div class="spacer x-large"></div> -->
        <h3>Database Driven Website</h3>
        <div class="spacer"></div>
        <div class="description">
          <ul>
            <li>
              <p>Publish more content, faster with unlimited users, groups and permissions</p>
              <div class="spacer x-small"></div>
            </li>
            <li>
              <p>Supercharge your marketing with integrated contact forms and CRM.</p>
              <div class="spacer x-small"></div>
            </li>
            <li>
              <p>Generate revenue from your content with membership-only paid content.</p>
              <div class="spacer x-small"></div>
            </li>
          </ul>
        </div>
      </div>
      <!-- /segment -->
      <!-- segment -->
      <div class="large-4 medium-6 small-12 cell">
        <div class="spacer xxx-large hide-for-large"></div>
        <!-- <div class="spacer x-large"></div> -->
        <h3>Single Customer View</h3>
        <div class="spacer"></div>
        <div class="description">
          <ul>
            <li>
              <p>Use Insites' integrated CRM to view contact details for your customers, view their history, add notes
                and
                update custom statuses.</p>
                <div class="spacer x-small"></div>
            </li>
            <li>
              <p>If you are a B2B business, you can create an Activity Feed at the company level. This will allow you to
                see a
                holistic view of an entire organisation in one place.</p>
                <div class="spacer x-small"></div>
            </li>
            <li>
              <p>Use the Integrated CRM to turn form submissions into individual cases and assign them to the right
                person
                to
                handle.</p>
                <div class="spacer x-small"></div>
            </li>
            <li>
              <p>Manually add notes, calls, emails, meetings and events to Company or Contact records.</p>
              <div class="spacer x-small"></div>
            </li>
          </ul>
        </div>
      </div>
      <!-- /segment -->
    </div>
    <div class="spacer x-large"></div>
  </div>
</div>
.blocks-sc-3col-07 h3 {
  line-height: 29px;
}