Нужно сделать как на макете. Вот как я сделал в html.
<section id="about">
<div class="conteiner">
<div class="title">
<h2>
About Us
</h2>
<p>
Proin iaculis purus consequat sem cure.
</p>
</div>
<div class="about clearfix">
<div class="about_item">
<img src="img/about1.jpg" alt="about">
<div class="about_item_text">
<h3>
JULY 2010 <br>
Our Humble Beginnings
</h3>
<p>Proin iaculis purus consequat sem cure
digni ssim. Donec porttitora entum suscipit
aenean rhoncus posuere odio in tincidunt. Proin
iaculis purus consequat sem cure digni
ssim. Donec porttitora entum suscipit.
</p>
</div>
<! -- ещё 3 таких-же блока -->
</div>
</section>
В css смог выровнять изображения, но как расположить текст не пойму.
.about_item > img {
display: flex;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
}
Подскажите, пожалуйста, что использовать?