0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>Another property that we will look at in this chapter is order, which sets the sequence number of the flex item.</p>
1
<p>Another property that we will look at in this chapter is order, which sets the sequence number of the flex item.</p>
2
<p>The sequence number is an integer, which can be either positive or negative. For example:</p>
2
<p>The sequence number is an integer, which can be either positive or negative. For example:</p>
3
.flex-element { order: -1; /* This item is displayed first in the container */ }<p>By default, the sequence number of the flex items is equal to 0, and the items are sorted in ascending order starting from this value.</p>
3
.flex-element { order: -1; /* This item is displayed first in the container */ }<p>By default, the sequence number of the flex items is equal to 0, and the items are sorted in ascending order starting from this value.</p>
4
<p>This is a very useful property, since it can be used to change the order of flex items in the stream without changing the HTML code.</p>
4
<p>This is a very useful property, since it can be used to change the order of flex items in the stream without changing the HTML code.</p>
5
<p>Let’s try to rearrange the rugs with the cats using the order property.</p>
5
<p>Let’s try to rearrange the rugs with the cats using the order property.</p>