JSFiddle - React, Tailwind, and code Playground
HTML
<main>
<aside>
<div class="uslug-opisanie">
<h1>Заголовок текста.</h1>
<br /><br />
<a href="">ССЫлка текста</a>
<p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>
<a href="">ССЫлка текста</a>
<p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>
<a href="">ССЫлка текста</a>
<p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>
<a href="">ССЫлка текста</a>
<p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>
<a href="">ССЫлка текста</a>
<p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>
<a href="">ССЫлка текста</a>
<p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>
<a href="">ССЫлка текста</a>
<p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>
<a href="">ССЫлка текста</a>
<p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>
<a href="">ССЫлка текста</a>
<p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>
</aside>
<article>
<div class="blokOne">
<div class="blokDva">1</div>
<div class="blokDva">2</div>
<div class="blokDva">3</div>
<div class="blokDva">4</div>
</div>
</article>
</main>
CSS
html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
main {
display: table;
border-spacing: 30px;
background-size: cover;
height: 100%;
width: 100%;
}
aside, article {
display: table-cell;
height: 100%;
border-radius: 20px;
padding: 20px 20px;
border: 0px solid #ededed;
background:rgba(0,0,0,0.8);
}
aside {
width: 30%;
}
.blokOne
{
display: flex;
border:2px solid #FF8C00;
height: 100%;
width: 100%;
justify-content: space-between;
flex-direction: column;
}
.blokDva
{
background-color:#ededed;
border:2px solid #768D44;
padding:0px;
margin:0px;
width:100%; /* делаем перенос строк */
}