Свойство box-ordinal-group - это удобный инструмент, позволяющий гибко управлять порядком отображения дочерних элементов внутри блока. Оно дает возможность «переставлять» элементы визуально без изменения их структуры в коде.

Правило здесь простое и логичное: элементы с меньшим значением свойства выводятся на передний план первыми. Если же несколько элементов имеют одинаковый номер группы, то их порядок определяется тем, как они были прописаны в исходном HTML-коде.