Добрый день!
Я много раз слышал, что технологии должны быть применены там, где они необходимы. Потому что такие решения как flex и grid, рассчитываются более сложными способами и несут, некоторую, дополнительную нагрузку, на конечный продукт. Но иногда возникают ситуации, когда нужно для небольшого элемента, быстрее и проще применить более тяжёлые свойства, чем перестраивать разметку, нагромождать доп обёртки или каким-то образом ограничивать контент.
Например, я столкнулся с такой ситуацией:
<ul class="usefull-info__list">
<li class="usefull-info__item usefull__item--like">
<a class="usefull-info__link usefull-info__link--bold" href="">Текст</a>
</li>
<li class="usefull-info__item">
<a class="usefull-info__link link-underline" href="">Текст</a>
</li>
</ul>
Нужно, что бы эти две ссылки, прижались к нижней границе блока.
Что я делаю:
.usefull-info__list {
display: flex;
flex-direction: column;
margin-right: 10px;
padding-left: 22px;
}
.usefull-info__item:first-child {
margin-top: auto;
}
Можно было бы просто задать верхний отступ, но я не уверен, что это будет правильно при переполнение.
Можно было бы придумать решение с inline-block.
У меня есть ощущение, что я из пушки для слона, стреляю в комара .
Это нормальное решение, я не перебарщиваю? В некоторых случаях, я реально боюсь использовать те же флексы, потому что считаю, это избыточным.
