JSFiddle - React, Tailwind, and code Playground

HTML

<table class="mainTable">
			<tbody><tr class="bigLine">
				<td> 
				  <a class="line1img1" href="http://simplea.ru/2017/02/09/%D1%81%D0%BE%D1%84%D1%82-%D0%B4%D0%BB%D1%8F-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-%D0%B8-%D1%81%D1%85%D0%B5%D0%BC%D0%BE%D1%82%D0%B5%D1%85%D0%BD%D0%B8/"> </a>
				</td>
				<td>
				  <a class="line1img2" href="http://simplea.ru/2017/02/17/управление-нагрузкой-с-arduino/"> </a>   
				</td>
				<td>
				  <a class="line1img3" href="http://simplea.ru/articles/">
				  </a>  
				</td>
			</tr>
			<tr class="bigLine">
				<td>
				  <a class="line2img1" href="http://simplea.ru/category/web-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0/">
				  </a> 
				</td>
				<td>
				  <a class="line2img2" href="http://simplea.ru/arduino/">
				  </a> 
				</td>
				<td>
				  <a class="line2img3" href="http://simplea.ru/articles/">
				 </a> 
				</td>
			</tr>
			<tr class="banner">
				<td colspan="3">
				  <a class="line3img" href="http://simplea.ru/category/ledforplant/">
				  </a> 
				</td>
				<td></td>
				<td></td>
			</tr>
		</tbody></table>

CSS

.line1img1 { background: url(http://simplea.ru/wp-content/uploads/2017/02/Diagram.png);}
		
		.line1img2 { background: url(http://simplea.ru/wp-content/uploads/2017/02/Scheme.png);}			

		
		.line1img3 { background: url(http://simplea.ru/wp-content/uploads/2017/02/ArduinoBW.jpg);}

		
		.line2img1 { background: url(http://simplea.ru/wp-content/uploads/2017/02/Code.png);}


		.line2img2 { background: url(http://simplea.ru/wp-content/uploads/2017/02/Arduino.png);}

		
		.line2img3 { background: url(http://simplea.ru/wp-content/uploads/2017/02/Components.jpg);}

		
		.line3img { background: url(http://simplea.ru/wp-content/uploads/2017/02/LedforPlant.png);
					width: 1050px;
					height: 201px;}
		.mainTable { border: 0px;
			 border-spacing: 0px 0px;
			
			 }

	    .mainTable,td,tr {margin: 0px; 
				 padding: 0px;} 
table a {
    width: 350px;
    height: 275px;
    display: block;
    transition: background 1s;
}
/**/
table {
  background: #00f;
}
a:hover {
  opacity: 0.5;
}