JSFiddle - React, Tailwind, and code Playground
HTML
<div class="content">
<div class="box">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga iusto repellat placeat omnis minima incidunt ipsam. Blanditiis, tempore, officia? Quibusdam libero aliquid, hic in ratione similique magnam numquam voluptates rem. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos iusto unde temporibus nam, vero architecto, aut excepturi nisi perferendis hic mollitia a nostrum iure eaque ipsam! Alias, magnam, repellat. Maiores.</p>
</div>
<div class="main-content">
<h1>main content</h1>
<img src="https://placehold.it/100x100" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima quidem totam velit quis ipsa, repellat soluta? Libero placeat quod, magni distinctio natus, labore voluptate quos voluptatem minus commodi, rerum voluptas!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, quae dolor deserunt! Iure quidem nihil amet illum cupiditate magnam dolore harum sapiente recusandae est, unde. Tempora reiciendis suscipit aliquam quidem.</p>
</div>
<div class="box">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga iusto repellat placeat omnis minima incidunt ipsam. Blanditiis, tempore, officia? Quibusdam libero aliquid, hic in ratione similique magnam numquam voluptates rem. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos iusto unde temporibus nam, vero architecto, aut excepturi nisi perferendis hic mollitia a nostrum iure eaque ipsam! Alias, magnam, repellat. Maiores.</p>
</div>
</div>
CSS
.content{
display: flex;
justify-content: space-around;
box-sizing: border-box;
width: 100%;
max-width: 960px;
}
.box{
border: 1px solid black;
box-sizing: border-box;
}
.box p{
padding: 20px;
}
.main-content{
box-sizing: border-box;
}
.main-content h1{
text-align: center;
}
.main-content img{
display:block;
margin: 0 auto;
border-radius: 50%;
}
.main-content p{
font-weight: bold;
padding: 20px;
}