JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="column left">
    <div>
      <img src="http://www.online-image-editor.com//styles/2014/images/example_image.png">
    </div>
    <div>
      <img src="http://www.gettyimages.ca/gi-resources/images/Homepage/Category-Creative/UK/UK_Creative_462809583.jpg">
    </div>
    <div>
      <img src="http://www.ngdc.noaa.gov/mgg/image/2minsurface/64/45S135W.jpg">
    </div>
  </div>
  <div class="column right">
    <div>
      <img src="http://theimageconference.org/wp-content/uploads/2014/01/images-50x50.png">
    </div>
    <div>
      <img src="http://3.bp.blogspot.com/-JhISDA9aj1Q/UTECr1GzirI/AAAAAAAAC2o/5qmvWZiCMRQ/s1600/Twitter.png">
    </div>
    <div>
      <img src="http://i164.photobucket.com/albums/u8/hemi1hemi/COLOR/COL9-6.jpg">
    </div>
  </div>
</div>
<footer>Footer</footer>

CSS

.wrapper
{
    display: flex;
    overflow: hidden;

    justify-content: space-between;
}
.column
{
    display: flex;

    width: 45%;

    background: yellow;

    flex-wrap: wrap;
    align-content: space-between;
}
.column > div
{
    width: 100%;
}
.column img
{
    width: 100%;
    height: auto;
}
footer
{
    clear: both;

    border: 1px solid black;
}