JSFiddle - React, Tailwind, and code Playground

HTML

<section class="itineraries-hub__categories">
            <div class="categories__accordion-title button" hidden>
                View all Categories <span class="sprite white-arrow south"></span>
            </div>
            <div class="row">
                <div class="small-6 x-large-4 columns"><a class="category__link"><div class="category__image-container"><img alt="" src="http://d5qsyj6vaeh11.cloudfront.net/images/whats available/romantic ireland/article images/ireland-in-love/ireland-in-love-main.jpg"></div><span class="category__title">Spend time together<span class="category__tag">Family</span></span></a></div>
                <div class="small-6 x-large-4 columns"><a class="category__link"><div class="category__image-container"><img alt="" src="http://d5qsyj6vaeh11.cloudfront.net/images/whats available/landscapes/article images/w1400_a_new landscape_main.jpg"></div><span class="category__title">Discover dramatic scenes<span class="category__tag">Explore</span></span></a></div>
                <div class="small-6 x-large-4 columns"><a class="category__link"><div class="category__image-container"><img alt="" src="http://d5qsyj6vaeh11.cloudfront.net/images/destinations/dublin/dublin-main/dublin-city-teasers/places-to-visit-dublin-small.jpg"></div><span class="category__title">Embrace city life<span class="category__tag">City Break</span></span></a></div>
                <div class="small-6 x-large-4 columns"><a class="category__link"><div class="category__image-container"><img alt="" src="http://d5qsyj6vaeh11.cloudfront.net/images/whats available/spas/article images/w1100_b_car.jpg"></div><span class="category__title">Relax and unwind<span class="category__tag">Leisure</span></span></a></div>
                <div class="small-6 x-large-4 columns"><a class="category__link"><div class="category__image-container"><img alt="" src="http://d5qsyj6vaeh11.cloudfront.net/images/whats available/golf/article...

CSS

.itineraries-hub__categories, #parent {
  width: 100%;
}

.row {
    display: table;
    overflow: hidden;
    width: 100%;
}
.columns, .col {
  display: inline-table;
  width: 33.33333%;
  padding-bottom: 500em;
  margin-bottom: -500em;
  background: #323945;
  
}

.category__link {
    cursor: pointer;
    display: block;
    overflow: hidden;
}

.category__image-container {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: url(/assets/images/resources/blank.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.category__image-container img {
    position: absolute;
    min-width: 100%;
}

.category__title {
    display: block;
    background: #323945;
    color: white;
    font-weight: 400;
    font-family: 'MuseoSansW01-Rounded900', sans-serif;
    font-size: 16px;
    line-height: 2;
    padding: 18px 14px 14px 26px;
    overflow: hidden;
}

.category__tag {
    float: right;
    display: inline-block;
    padding: 6px 12px;
    margin-top: -1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    background: black;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Proxima Nova W08 Reg', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-family: 'Proxima Nova W08 Bd', sans-serif;
    font-size: 13px;
}

@media only screen and (max-width: 700px) {
  .itineraries-hub__categories, #parent {
    overflow: hidden;
  }
  
  .row {
    overflow: visible;
  }
  
  .columns, .col {
    width: 50%;
  }
}