Подскажите, как правильно настроить блок, чтобы можно было расположить элементы с 1 по N снизу вверх:
.objects {
height: 100vh;
display: flex;
flex-direction: column-reverse;
flex-wrap: nowrap;
}
<div class='objects'>
<div class='object'>первый</div>
<div class='object'>второй</div>
</div>
Но при таких стилях блоки выводятся снизу вверх (всё ок), но блок первый
оказывается в самом низу, а второй
- выше.
А хотелось бы наоборот - чтобы в самом низу был второй
, а над ним первый
.
Как это можно правильно реализовать без дополнительных блоков и т.п.?
flex-direction: column;
- сделает в колонку в прямом порядкеflex-direction: column-reverse;
- в обратном порядке