@media запросы и выставляй нужное число колонок grid-template-columns: 1fr 1fr 1fr. Если тебе не важно сколько будет колонок, а важно чтоб сами колонки не были меньше заданного размера, то вот тут тебе и надо использовать repeat(auto-fit, minmax(500px, 1fr))
padding: 1vmin; и добавь внутреннем элементу margin: 1vmin;, так как padding у блока с overflow: hidden | scroll | auto коллапсирует по оси по которой установлен overflow.flex-direction: column; либо flex-wrap: wrap;align-items: center; установить align-content: center; чтоб не вылезало за пределы.
Нормально ли что я делаю все процентами?
футер делиться на 4 части и между ними отступ если отделять эти части margin, то будет много медиа при адаптиве
Как сделать искривленный border-radius внутрь с четырёх сторон?
.row.justify-content-center
.col-4
.col-4
.col-4
.col-4
.col-4
.col-4
.col-4translate3d + transition === мыло{
useTransforms: false,
useCSS: false,
}