What is the difference?
What is the difference between
and
other than the change in order of the flex-items?
3 Replies
will change the order of the flex items so the last item is at the start and the first at the end.
row is the default
flex-direction
property when you define flex
on a container, justify-content: flex-end;
will place the items at the end of the container along the horizontal axis.is there any other difference other than change in order?
yes. with
flex-direction: row-reverse;
, it fills the container from the opposite side, placing the items at the end, hence reverse
. justify-content: flex-end;
places the flex children at the end of the container along the horizontal axis. They are different in the sense they are both meant for achieving different things.