JSFiddle - React, Tailwind, and code Playground

HTML

<br>		
		<br>		
		<br>		
		<br>		
		<br>		
		<br>		
		<br>		
		<br>	
		
		<section class="make_inner wrapped section">					
			<article class="article">
				<p>Известно, оправдано, поскольку поднять с её помощью уровень продаж до нужной высоты не составит особого труда, при этом оставив позади всех конкурентов выйти на лидирующие позиции. Главным направлением компании является изготовление картонных коробок, которые полностью соответствуют всем параметрам привлекательной и продающей упаковки. Каждая упаковка, пр</p>
				
				<p>Известно, чторода вполне оправдано, поскольку поднять с её помощью уровень продаж до нужной высоты не составит особого труда, при этом оставив позади всех конкурентов выйти на лидирующие позиции. Главным направлением компании является изготовление картонных коробок, которые полностью соответствуют всем параметрам привлекательной и продающей упаковки. Каждая упаковка, пр</p>
			</article>				
		</section>

CSS

html{
    height:100%;	
}

body{	
    height:100%;	
	min-width: 1030px;
	background: url('http://www.zastavki.com/pictures/originals/2012/Backgrounds_Purple_background_035508_.jpg') left top repeat;
	
	font: normal 16px arial, sans-serif;
	color: #000;	
}	
			

/*************************************************************************************************************** GLOBAL_blocks : make */
.make_inner{
	
}

	.make_inner .h1{
		color: #fff;
		text-align: center;
		font: 34px arial, sans-serif;
		
		padding-bottom: 55px;
	}
	
		.make_inner .h1 span{
			font-weight: bold;
		}
	
	.make_inner ul{
		width: 760px;
		margin: 0 auto;
		overflow: hidden;
		padding-bottom: 40px;
	}	
		
		.make_inner ul li:hover{
			border: 5px solid #235665;
		}
		
		.make_inner ul li{
			display: block;
			float: left;
			width: 200px;
			border: 5px solid #fff;
			overflow: hidden;
			border-radius: 105px;
		}
		
		.make_inner ul li:nth-child(2){
			margin: 0 43px;
		}		
		
			.make_inner ul li a{
				display: block;
			}
			
				.make_inner ul li a img{
					display: block;
				}
				
	.make_inner .article{				
		border-radius: 15px;
		width: 422px;
		min-height: 427px;
		padding: 34px;
		position: relative;
	}
	
	.make_inner .article:nth-of-type(1){				
		float: left;
		background: #fff;
		opacity: 0.5;
		
		color: #000;
	}	
	
	.make_inner .article:nth-of-type(1):after{	
		content: '123';
		position: absolute;
		top: -30px;
		left: 100px;
		width: 30px;
		height: 30px;
		background: #fff;
		opacity: 0.5;
		
		text-indent: -9999px;
	}
	
		.make_inner .article p{	
			padding-bottom: 34px;
		}