3 Column 5

Breakpoint is limited based on your device or window size.

<div class="blocks-sc-3col-05 wrapper bg-color-ui-01">
  <div class="spacer x-large"></div>
  <div class="grid-container">
    <div class="grid-x">
      <div class="small-12 cell text-center">
        <h2>Recent Blogs</h2>
        <div class="spacer xxx-large"></div>
      </div>
    </div>
    <div class="grid-x gutter-medium grid-padding-x grid-padding-y">
      <!-- item -->
      <div class="large-4 medium-6 small-12 cell">
        <div class="">
          <div class="image">
            <a>
              <img src="https://insites.imgix.net/Dark.png" alt="image" />
            </a>
          </div>
          <div class="spacer"></div>
          <div class="title">
            <a class="color-font-head">
              <h3>8 mobile UX best practices every designer should consider</h3>
            </a>
          </div>
          <div class="spacer"></div>
          <div class="short-description">
            <p class="font-grey">8 mobile UX best practices every designer should consider</p>
          </div>
          <div class="spacer"></div>
          <a class="button-default color-main">
            Read More  <i class="icon-angle-right"></i>
          </a>
        </div>
      </div>
      <!-- /item -->
      <!-- item -->
      <div class="large-4 medium-6 small-12 cell">
        <div class="">
          <div class="image">
            <a>
              <img src="https://insites.imgix.net/Dark.png" alt="image" />
            </a>
          </div>
          <div class="spacer"></div>
          <div class="title">
            <a class="color-font-head">
              <h3>The Beginner's Guide to Website Development</h3>
            </a>
          </div>
          <div class="spacer"></div>
          <div class="short-description">
            <p class="font-grey">What skills do I need as a web developer? The basics of how the Internet and websites work. The basics of HTML, CSS, and JavaScript. Libraries and frameworks, like jQuery, React.js, and Bootstrap. Other programming languages, like Python and Ruby (for back-end web devs only) Git and GitHub.
            </p>
          </div>
          <div class="spacer"></div>
          <a class="button-default color-main">
            Read More  <i class="icon-angle-right"></i>
          </a>
        </div>
      </div>
      <!-- /item -->
      <!-- item -->
      <div class="large-4 medium-6 small-12 cell">
        <div class="">
          <div class="image">
            <a>
              <img src="https://insites.imgix.net/Dark.png" alt="image" />
            </a>
          </div>
          <div class="spacer"></div>
          <div class="title">
            <a class="color-font-head">
              <h3>Advantages of Working Remotely</h3>
            </a>
          </div>
          <div class="spacer"></div>
          <div class="short-description">
            <p class="font-grey">Benefits of allowing employees to work remotely. Less time spent commuting. Improved employee retention. Access to a wider pool of applicants. More autonomous employees. Lower costs. Make better use of technology. Reduced salaries. Increased productivity.</p>
          </div>
          <div class="spacer"></div>
          <a class="button-default color-main">
            Read More  <i class="icon-angle-right"></i>
          </a>
        </div>
      </div>
      <!-- /item -->
    </div>
  </div>
  <div class="spacer x-large"></div>
</div>
.blocks-sc-3col-05 img {
  border-radius: 5px;
}