Интересная статья о странностях CSS, которые мало кому известны. Что внутри:
- В
calc() ноль должен быть с единицей измерения (например, `0px`), иначе значение не применится.- В
calc() сложение/вычитание работает только между совместимыми типами; умножение/деление требует числового операнда.-
aspect-ratio может нарушаться, если контент требует больше места.- Во флекс-контейнере все элементы могут принять наибольшее значение
aspect-ratio, если не ограничить их через min-height: 0 или overflow: auto.-
:nth-child(n of selector) выбирает n-й элемент из всех, подходящих под любой селектор в списке.-
position: absolute в грид-контейнере позиционируется относительно ячейки, заданной grid-column и grid-row, а не родителя.Статья - https://habr.com/ru/companies/ruvds/articles/937094/