JSFiddle - React, Tailwind, and code Playground

HTML

<div id="program">
				<div class="bg-left1"></div>
				<div class="bg-left2"></div>
				<div class="bg-left3"></div>
				<div class="content">
					<span class="head">Программа семинара:</span>
					<div class="prog1 clear">
						<div class="left">
								15 апреля:
						</div>
						<div class="right">
							В первый день семинара – ведущие дадут ответы на все перечисленные вопросы и ответят на ваши вопросы, если они останутся. Затем вы сможете разбиться на команды, к каждой из которых будет прикреплён эксперт предприниматель. Вашей задачей будет на практике пройти все описанные этапы. Эксперт задаст направление, у вас будет неделя для реализации своего проекта.
						</div>
						
					</div>
					<div class="prog2 clear">
						<div class="left">
								17 апреля:
						</div>
						<div class="right">
							В рамках второй части семинара вы презентуете проекты, которые вам удалось создать за неделю и услышите экспертные оценки – вам укажут на недочёты и отметят наиболее сильные и удачные ходы. Всё, что останется – повторить этот процесс, взяв за основу свою собственную концепцию общепита, все практические навыки для этого у вас уже есть!
						</div>
						
					</div>
					<div class="prog3 clear">
						<div class="left">
								Что вы будете уметь по завершении семинара:
						</div>
						<div class="right">
							<ul>
								<li>— Выбирать концепцию, и оценивать её жизнеспособность</li>
								<li>— Оценивать месторасположение помещения</li> 
								<li>— Составлять инвестиционный и финансовый план</li> 
								<li>— Грамотно и обоснованно общаться с гос. органами</li> 
								<li>— Составлять оргструктуру будущего предприятия</li>
								<li>— Поймёте тонкости организации работы с персоналом</li>
								<li>— Разберётесь в том, как лучше рекламировать своё заведение</li>
							</ul>
						</div>
						
					</div>
					<div class="prog4 clear">
						<div class="left">
						</div>
						<div class="right">
							Ждем Вас на...

CSS

body {
font-family: 'helveticaneuecyrroman'!important;
font-size:62.5%!important;
line-height:normal;
width:100%;
text-rendering: optimizeLegibility;
text-shadow: 0px 0px 1px #aaa;
-webkit-font-smoothing: antialiased;
margin: 0;
padding: 0;
border:0;
color:#333333;
}
div {
position: relative;
}
.content {
width:550px;
margin: 0 auto;
}

a {
text-decoration:none;
}
.clear:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
        line-height: 0;
}
#program{
padding: 35px 0;
background: #f6f6f6; /* Для старых браузров */
background: linear-gradient(to bottom, #f6f6f6 0%, #fff 80px);
}
#program .bg-left1 {
position:absolute;
top:91px;
background:#ececec;
height: 50px;
margin-right: 70%;
width: 30%;
}

#program .bg-left2{
position:absolute;
top:254px;
background:#ececec;
height: 50px;
margin-right: 70%;
width: 30%;
}
#program .bg-left3 {
position:absolute;
top:435px;
background:#ececec;
height: 71px;
margin-right: 60%;
width: 40%;
}
.prog1 {
margin-top:35px;
}
.prog1 .left {
display:inline-block;
width:160px;
font-size:1.8em;
font-family: 'helveticaneuecyrmedium';
vertical-align: top;
padding:15px 0;
}
.prog1 .right {
display:inline-block;
margin-left:20px;
font-family: 'helveticaneuecyrlight';
font-size:1.4em;
width:300px;
vertical-align:middle;
}

.prog2 {
margin-top:35px;
}
.prog2 .left {
display:inline-block;
width:160px;
font-size:1.8em;
font-family: 'helveticaneuecyrmedium';
vertical-align: top;
padding:15px 0;
}
.prog2 .right {
display:inline-block;
margin-left:20px;
font-family: 'helveticaneuecyrlight';
font-size:1.4em;
width:300px;
vertical-align:middle;
}

.prog3 {
margin-top:35px;
}
.prog3 .left {
display:inline-block;
width:160px;
font-size:1.8em;
font-family: 'helveticaneuecyrmedium';
vertical-align: top;
padding:15px 0;
}
.prog3 .right {
display:inline-block;
margin-left:20px;
font-family: 'helveticaneuecyrlight';
font-size:1.4em;
width:300px;
vertical-align:middle;
}
.prog4...