CSS
4
Вклад в тег
<style>
section{
width: 100%;
}
.wrapper{
max-width: 1050px;
margin: 0 auto;
background: grey;
}
.flex-container{
display: flex;
justify-content: space-between;
width: 90%;
margin: 0 auto;
padding-top: 50px;
}
.box-item .img-container{
width: 100%;
}
.box-item .text-container{
width: 100%;
}
.box-item .img-container img{
object-fit: contain;
}
.box-item{
width: 200px;
text-align: center;
}
.box-item a{
font-weight: 700;
font-size: 18px;
line-height: 24px;
color: greenyellow;
margin-top: 25px;
}
.box-item a:hover {
text-decoration: underline!important;
color: green;
}
.box-item p{
font-size: 14px;
font-family: 'Noto Sans';
line-height: 20px;
font-weight: 400;
text-transform: none;
margin-top: 15px;
}
</style>
<section>
<div class="wrapper">
<div class="flex-container">
<div class="box-item">
<div class="img-container">
<img src="https://www.minecraft.net/content/dam/minecraft/home/Games_Subnav_Dungeona-228x350.png" alt="">
</div>
<div class="text-container">
<h5><a href="">Minecraft</a></h5>
<p>Исследуй собственный уникальный мир, переживи ночь и создай все, что только сможешь вообразить!</p>
</div>
</div>
</div>
</div>
</section>