Всем привет, нужна помощь в разрешение проблемы. Не понимаю как сделать так чтобы синий кружок становился на место, в котором он стоит на скриншоте. Но у меня выходит что-то не то.
body
{
padding: 0;
margin: 0;
font-family: Arial;
box-sizing: border-box;
}
.container
{
margin: 0 auto;
width: 1180px;
}
.header
{
margin-top: 1572px;
height: 424px;
width: 100%;
background-color: #f5f5f5;
}
.reviews
{
padding-top: 50px;
margin-left: 46.1%;
color: #445161;
font-size: 30px;
}
.cir1
{
display: block;
padding-top: 25px;
}
.cloud1
{
}
.cir2
{
}
<section>
<div class="header">
<div class="container">
<div class="reviews">
Reviews
</div>
<img src="images/circle.png" class="cir1">
<img src="images/cloud.png" class="cloud1">
</div>
</div>
</section>
Вот что выходит: