Interim Flex Child last in the column?

<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