HTML
<?php if( have_rows('преимущества') ): ?>
<div class="features">
<div class="container">
<div class="content-title content-title--c"><?php the_field('заголовок_блока_преимуществ'); ?><span><?php the_field('подзаголовок_блока_преимуществ'); ?></span></div>
<div class="flex_block">
<?php while( have_rows('преимущества') ): the_row(); ?>
<div class="features--inner">
<div class="icon">
<img src="<?php the_sub_field('иконка'); ?>">
</div>
<div class="descr"><p><?php the_sub_field('текст'); ?></p></div>
</div>
<?php endwhile; ?>
</div>
<div class="btn-block">
<a class="btn" href="">Оставить заявку на консультацию</a>
</div>
</div>
</div>
<?php endif; ?>
LESS
.features{
padding-bottom: 150px;
.features--inner{
width: 400px;
padding: 45px;
border-radius: 20px;
background: @color-1;
color: #fff;
box-sizing: border-box;
margin-right: 30px;
margin-bottom: 30px;
box-shadow: 0 15px 20px 0 rgba(0, 85, 247, 0.33);
&:nth-child(3n){
margin-right: 0;
}
.icon{
padding: 20px;
background: @bg;
border-radius: 50%;
display: inline-block;
margin-bottom: 20px;
img{
vertical-align: bottom;
}
}
p{
color: #fff;
}
}
.btn-block{
margin-top: 40px;
text-align: center;
}
}