CSS3 Flexbox - Three Column Layout

by gakaki

HTML

<style>
 * {
  margin:0;
  padding:0;
}


.banner-columns {
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  flex-direction: row;
  align-items: center;
  border:1px solid gray;
}


.banner-columns .column img {
  width: 100%;
}


</style>
<div class="banner-columns">
  <div class="column">
    <img src="https://img.wowdsgn.com/brand/logo/278" />
  </div>
  <div class="column">
    <img src="https://img.wowdsgn.com/site_banner/tiantianquan1.jpg" />
  </div>
  <div class="column">
    <img src="http://www.wowdsgn.com/media/catalog/product/cache/1/small_image/720x/9df78eab33525d08d6e5fb8d27136e95/b/o/botanica-minivaser-sampak__1.jpg" />
  </div>
</div>