:first-child и :last-child: скругления в ряду карточек

Отличие от first-of-type.

`.list > *:first-child { border-radius: 8px 0 0 8px }` скругляет край группы чипов — работает только если первый ребёнок именно карточка, а не текстовый узел (редко в React).

`:first-of-type` смотрит на тип элемента — надёжнее при смешанных siblings.

:first-child — MDN — Первый ребёнок.
:last-child — MDN — Последний ребёнок.

Flex и Grid

Визуальный порядок через `order` не меняет :first-child — скругления привязаны к DOM.