3 Column 3

<div class="blocks-sc-3col-03 wrapper bg-color-ui-01">
  <div class="spacer x-large"></div>
  <div class="blog grid-container main-container" data-test="">
    <article data-test="blog-list-article" class="grid-x grid-padding-x blog-list gutter-medium">
      <div class="large-3 medium-6 small-12 cell">
        <a>
          <img class="main-image" src="https://insites.imgix.net/Dark.png" alt="" />
        </a>
        <div class="spacer xxx-large show-for-small-only"></div>
      </div>
      <div class="large-3 medium-6 small-12 cell">
        <div>
          <h2 class="heading-3 font-blue">Robert Fox</h2>
          <p>CEO</p>
          <div class="spacer xx-large"></div>
          <a class="color-main contact-links">
            <i class="icon-phone1"></i>
            <span>+1 520 467 4837</span>
          </a>
          <div class="spacer small"></div>
          <a class="color-main contact-links">
            <i class="icon-mail1"></i>
            <span>template@insites.io</span>
          </a>

          <div class="spacer xx-large"></div>
          <hr>

          <ul class="menu social">
            <li>
              <a title="facebook" href="/" rel="noreferrer"><i class="icon-facebook"></i></a>
            </li>
            <li>
              <a><i class="icon-twitter"></i></a>
            </li>
            <li>
              <a><i class="icon-linkedin"></i></a>
            </li>
            <li>
              <a><i class="icon-instagram"></i></a>
            </li>
            <li>
              <a><i class="icon-youtube"></i></a>
            </li>
          </ul>
        </div>
        <!-- <div class="spacer small show-for-small-only"></div> -->
      </div>
      <div class="large-6 medium-12 small-12 cell">
        <div class="spacer xxx-large hide-for-large"></div>
        <div>
          <p class="font-grey">Robert Fox is a 23-year-old health centre receptionist who enjoys baking, swimming and
            stealing candy from babies. He is friendly and smart, but can also be very dull and a bit unkind.
            <br /><br />
            He is a Portuguese Jedi who defines himself as straight. He finished school and then left academia. He is
            allergic to wool.
            <br /><br />
            Physically, Robert is in pretty good shape. He is average-height with olive skin, blonde hair and yellow
            eyes. Unusually, he has a prosthetic eye; a shark ate his.</p>
          <div class="spacer large"></div>
        </div>
      </div>
    </article>
  </div>
  <div class="spacer x-large"></div>
</div>

.blocks-sc-3col-03 .main-image {
  width: 100%;
}

.blocks-sc-3col-03 .contact-links {
  display: block;
}

.blocks-sc-3col-03 .menu.social a {
  padding: 16px 16px;
}

@media screen and (max-width: 1023px) {
  .blocks-sc-3col-03 .menu.social li:first-of-type a {
    padding-left: 0;
  }
}