<div class="flex-container">
<div class="item-1"></div>
<div class="item-2"></div>
<div class="item-3"></div>
<div class="item-4"></div>
</div>
For the above HTML markup the parent flex is set to be one column.
Is ther a way to ensure that item-3
should be last in the column?
If flex-container is flex, then all you need to do is add an order to item-3
,item-3 {
order: 4; /* or however many elements you have */
}
2 Likes
Thanks, I have used this concept many times, but I have been passive since a long time now I am tending to forget things. Thank you so much for the help.
1 Like
system
Closed
December 21, 2022, 11:23pm
4
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.