JSFiddle - React, Tailwind, and code Playground

by Lola89

HTML

<body>
    <div class="portfolio">
			<h3>Portfolio</h3>
        <ul>
				<li><img src="http://rghost.ru/7wMFgvTHW/image.png" alt=""></li>			
				<li><img src="http://rghost.ru/7wMFgvTHW/image.png" alt=""></li>	
				<li><img src="http://rghost.ru/7wMFgvTHW/image.png" alt=""></li>
				<li><img src="http://rghost.ru/7wMFgvTHW/image.png" alt=""></li>
			<li class="second_line"></li>
			<li class="second_line"></li>
			<li class="second_line"></li>
			<li class="second_line"></li>	
        </ul>
    </div>
</body>

CSS

body{
	margin:0 auto;
	padding:0;
	width:1200px;
	height:100%;
	background:#ffffff;
	
}

.portfolio{
	margin:20px 0;
	background:#f0f0f0;
	padding:30px 90px;
}
.portfolio h3{
	font:38px Myriad Pro;
	text-transform:uppercase;
	line-height:.2em;
}
.portfolio ul{
	margin-left:0;
	padding:0;
}

.portfolio li{
	list-style-type:none;
	float:left;
	margin:0 70px 0 0;
}
.portfolio .second_line{
	width:180px;
	height:139px;
	background-color:#c6ced1;
	float:left;
	margin:50px 70px 0 0;	
}
.portfolio:after{
	content:'';
	clear:both;
	display:table;
}