CSS: уровень 4

Случайная задача

Как выстроить адаптивную сетку карточек, где каждая карточка минимум 250px, а количество колонок подстраивается само?

Ответ

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
}