JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">		
			<div class="item-1 col">
			<img src="http://blackrockdigital.github.io/startbootstrap-freelancer/img/portfolio/cabin.png">
		</div><!--/.primary-->
		
		<div class="item-2 col">
			<img src="http://blackrockdigital.github.io/startbootstrap-freelancer/img/portfolio/cabin.png">
		</div><!--/.secondary-->
		
		<div class="item-3 col">
			<img src="http://blackrockdigital.github.io/startbootstrap-freelancer/img/portfolio/cabin.png">
		</div><!--/.tertiary-->	

		<div class="item-4 col">
			<img src="http://blackrockdigital.github.io/startbootstrap-freelancer/img/portfolio/cabin.png">
		</div><!--/.tertiary-->	


		<div class="item-5 col">
			<img src="http://blackrockdigital.github.io/startbootstrap-freelancer/img/portfolio/cabin.png">
		</div><!--/.tertiary-->	

		<div class="item-6 col">
			<img src="http://blackrockdigital.github.io/startbootstrap-freelancer/img/portfolio/cabin.png">
		</div><!--/.tertiary-->	
	</div>

CSS

.row {
  display: flex;
  flex-wrap: wrap;
}

.col {
  flex-grow: 1;
  margin: 5px;
  text-align: center;
}

.col img {
  height: 60px;
  width: 90px;
}