JSFiddle - React, Tailwind, and code Playground

HTML

<div class="blue-box">
<div class="box-in">
<h1>Выбор покупателей:</h1>
 	       <div class="container cn1">
               <a href="" ><img src="http://mebel.miromax.ru/images/catalog/3b17754a0cf8513b1f8a7bf0894ff03e.jpg" /></a>
               <div>
                  
                   <a href="">Стол детский прямоугольный нерегулируемый</a><!--
!!! FIX !!!     --><div id="fix"></div>
                     
               </div>
           </div>
	       <div class="container cn2">
               <a href="" ><img src="http://mebel.miromax.ru/images/catalog/3b17754a0cf8513b1f8a7bf0894ff03e.jpg" /></a>
               <div>
                   <a href="">Стол детский прямоугольный нерегулируемый</a>
               </div>
           </div><div class="container cn3">
               <a href="" ><img src="http://mebel.miromax.ru/images/catalog/450537acdcf2610dc1959abdcdbcbc7b.jpg" /></a>
               <div>
                   <a href="">Кровать детская трехъярусная выкатная</a>
               </div>
           </div><div class="container cn4">
               <a href="" ><img src="http://mebel.miromax.ru/images/catalog/b576cbdee2148125df657e53fbe62367.jpg" /></a>
               <div>
                   <a href="">Стул детский регулируемый нерегулируемый</a>
               </div>
           </div>
</div>
</div>

CSS

.blue-box { width:100%; 
            background-color:#cae0f5;
            display:block;
          }
.box-in { max-width:1800px; 
          margin:0 auto;
          display:block;
		  text-align:left;
        }
.blue-box > .box-in > .container {display:inline-block;
                                  vertical-align:top;
                                  background-color:#fff;
								  height:130px;
								  width: 18.2%;
								  margin-bottom: 15px;
							  }
.blue-box > .box-in > .cn1	{ margin-right:1%;}
.blue-box > .box-in > .cn2,
.blue-box > .box-in > .cn3,
.blue-box > .box-in > .cn4	{ margin-right:1%; margin-left:1%;}
.blue-box > .box-in > .cn5	{ margin-left:1%;}								  
.blue-box > .box-in > .container > a { position:relative;
                                       display:inline-block;
                                       
                                       width:35%; 
									   height:110px; 
									   border: 10px solid transparent;}	
.blue-box > .box-in > .container > a > img {  position:absolute;   
                                              top: 0;
                                              right: 0;
                                              bottom: 0;
                                              left: 0;
                                              max-width: 100%;
                                              max-height: 100%; 
											  margin:auto;  
                                           }
						  
.blue-box > .box-in > .container > div { display: inline-block; 
                                         height:100%; 
                                         width: 100%; 
                                         border: 1px solid black;
                                         vertical-align: top;
                                         word-wrap: break-word;
                                         word-break: break-word;
									   }
.blue-box > .box-in > .container > div > a {
    width: calc(100% - 10px);
  ...