JSFiddle - React, Tailwind, and code Playground

HTML

<div class="skill-main">
		<div class="skill-left">
			<h1 class="skill-h1">Do you know we can<br> provide for you?</h1>
			<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br>  Dummy text of the printing and typesetting industry. Dummy text of the <br> printing and typesetting industry.</p>
			<button class="skill-learn">Learn More</button>
		</div>
		<div class="skill-right">
			<div class="skill skill-manag">
				<div class="icons-manag"></div>
				<h2>Management</h2>
				<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Dummy text of the printing and typesetting industry.</span>
			</div>
			<div class="skill skill-design">
				<div class="icons-design"></div>
				<h2>UI / UX Design</h2>
				<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Dummy text of the printing and typesetting industry.</span>
			</div>
			<div class="skill skill-logo">
				<div class="icons-logo"></div>
				<h2>Logo / Branding</h2>
				<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Dummy text of the printing and typesetting industry.</span>
			</div>
			<div class="skill skill-animat">
				<div class="icons-animat"></div>
				<h2>Animation</h2>
				<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Dummy text of the printing and typesetting industry.</span>
			</div>
	    </div>
	</div>

CSS

.skill-main {
	margin-top: 100px;
	display: flex;
	justify-content: space-between;
	margin-top: 100px;
    margin-bottom: 100px;
}

.skill {
	width: 350px;
}

.skill-left {
	width: 600px;
	margin-left: 168px;
}

.skill-right {
	width: 800px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-right: 168px;
}

.skill-h1 {
	font-size: 45px;
	margin: 0;
}

.icons-manag {
	width: 50px;
	height: 50px;
	background: url(./img/settings.png) no-repeat center center;
}

.icons-design {
	width: 50px;
	height: 50px;
	background: url(./img/pencil.png) no-repeat center center;
}

.icons-logo {
	width: 50px;
	height: 50px;
	margin-top: 40px;
	background: url(./img/diamond.png) no-repeat center center;
}

.icons-animat {
	width: 50px;
	height: 50px;
	margin-top: 40px;
	background: url(./img/truck.png) no-repeat center center;
}

.skill-learn {
	padding: 20px 50px 20px 50px;
	background: #ffffff;
	color: #ff0000;
	font-weight: bold;
	border: 2px solid #ff0000;
	border-radius: 5px;
	margin-top: 50px;
}

.skill-left p {
	line-height: 2;
}