JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex-container">
					<div class="flex-item">
	                   1
	                </div>
	                
	                <div class="flex-item">
	                2
	                </div>
	                
					<div class="flex-item">
3
	                </div>

            	<div class="flex-item">
                    4
                </div>
				
                <div class="flex-item">
                    5
                </div>
                
                
                <div class="flex-item">
                    6
                </div>
			</div>

CSS

.flex-container {
	display: -webkit-box;
	display: flex;

	flex-wrap: wrap; 
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
    -webkit-flex-direction: row;
    
    -webkit-flex-flow: row wrap;    
            flex-flow: row wrap;
    
	-webkit-box-align: end;
	-moz-box-align: end;
	box-align: end;

	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;

	justify-content:space-around;
	
	height:100%;
}

.flex-item {
	margin:0 10px 25px 0;
    width:86px;border:1px solid #000;
}

.flex-item img {max-height:80px;}