.features__item:not(:first-child) {
border-left: 2px solid #003a7d;
}
.features__item {
position: relative;
}
.features__item:not(:first-child)::before {
content: '';
position: absolute;
top: 0;
left: -1px;
border-left: 2px solid #003a7d;
height: calc(100% - 40px);
}
.features__item:nth-child(odd)::before{
top: 40px;
}
.features__item {
position: relative;
}
.features__item:not(:first-child)::before {
content: '';
position: absolute;
top: 0;
bottom: 40px;
left: -1px;
border-left: 2px solid #003a7d;
}
.features__item:nth-child(odd)::before{
top: 40px;
bottom: 0;
}
<i class="fab fa-facebook"></i>
- кругленькая<i class="fab fa-facebook-f"></i>
- с прозрачным фоном<i class="fab fa-facebook-square"></i>
- квадратная<i class="fab fa-facebook-messenger"></i>
- доп.expand
.uk-flex-between
. Результатом будет первый элемент в начале и последний элемент в конце..uk-float-right
..uk-align-right
- выравнивает элемент по правому краю, при этом создается левый и нижний внешний отступ.