JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
    <div class="gallery">        
        <div class="cell">
            <img src="http://s7.hostingkartinok.com/uploads/images/2015/05/3fd7faa15841cf077aa0f8d1c1c24ce0.jpeg"/>
        </div>
        <div class="cell">
            <img src="http://s7.hostingkartinok.com/uploads/images/2015/05/87688b29c143e57bf3cf9fbbe0325469.png"/>
        </div>
        <div class="cell">
            <img src="http://s7.hostingkartinok.com/uploads/images/2015/05/7ee03c6439bf8793cd631a6e21312fa6.jpeg"/>
        </div>
        <div class="cell">
            <img src="http://s7.hostingkartinok.com/uploads/images/2015/05/51a0d9ab83cc4da16f3621745fb2737b.png"/>  
        </div>        
        <div class="cell"> 
            <img src="http://s7.hostingkartinok.com/uploads/images/2015/05/e92b6c842226d4cd32072e5cb4d4496d.jpeg"/>
        </div>        
        <div class="cell">    
            <img src="http://s7.hostingkartinok.com/uploads/images/2015/05/8e61c64353c77d3bbb9112293026371a.jpeg"/>  
        </div>
    </div>
    <div class="other">Какой-то текст</div>
</div>

CSS

.block{
    width:286px;
    background:#ebeff2;
    padding:20px;
}
.gallery{
    font-size: 0;
}
.cell{
  display: inline-block;
  width: 33.33%;
  padding-right: 6px;
  padding-top: 6px;
  box-sizing: border-box;
}
img{
      width: 100%;
}
.other{
    width:100%;
    background:#999;
    margin-top:6px;
    color:#fff;
    text-align: center;
}