Frontend Portal

Отзывчивая сетка CSS Grid одной строкой кода



Используя Grid, мы можем создать отзывчивый набор столбцов, которые создают сами себя по мере необходимости

.container {

  max-width: 1000px;

  width: 100%;

  display: grid;

/* та самая строка 👇 */

  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

  gap: 32px;

}

👉 @FrontendPortal | #CSS