Що робить властивість order?

CSSJunior~1 хв читання

order задає порядок відображення flex-елементів усередині контейнера, не змінюючи їхній порядок у HTML.

Поведінка:

css

.item1 { order: 1; }
.item2 { order: 5; }
.item3 { order: 0; } /* значення за умовчанням */

Елемент з меншим order стоятиме раніше, з більшим - пізніше. Типово в усіх order: 0, тому елементи йдуть у звичайному порядку.

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.