Блог

У меня есть следующий контейнер CSS Grid:

 .project-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(215px, 518px));
  gap: 15px 15px;
}
  

Я думал, что с minmax(215px, 518px) он установит элемент 215px height и 518px height .

Но что происходит, так это то, что для 518 пикселей задано значение width, но высота равна 160 пикселям, а не 215 пикселям.

Что мне нужно установить, чтобы иметь фиксированную высоту для каждого элемента? Когда я устанавливаю grid-template-rows: 215px; , выполняется только первая строка.

Я думал, что с minmax(215px, 518px) он установит элемент 215px height и 518px height .

Это значения grid-template-columns , поэтому вы устанавливаете ширину, а не высоту.

Что мне нужно установить, чтобы иметь фиксированную высоту для каждого элемента? Когда я устанавливаю grid-template-rows: 215px; , выполняется только первая строка.

Используйте grid-auto-rows: 215px . Это устанавливает высоту всех неопределенных строк на высоту 215 пикселей.