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

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

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

- [:first-child — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child) — Первый ребёнок.

- [:last-child — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:last-child) — Последний ребёнок.

---

## Flex и Grid

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