Существует еще одна встроенная функция для использования с grid-template-columns и grid-template-rows называемыми minmax . Он используется для ограничения размера элементов, когда контейнер сетки меняет размер. Для этого вам нужно указать допустимый диапазон размеров для вашего товара. Вот пример:
grid-template-columns: 100px minmax (50px, 200px);В приведенном выше коде
grid-template-columns установлены для создания двух столбцов; первая ширина 100px, а вторая имеет минимальную ширину 50px и максимальную ширину 200px.Используя minmax функции, замените 1fr в repeat функции с размером столбца , который имеет минимальную ширину 90px и максимальную ширину 1fr , и изменить размер панели предварительного просмотра , чтобы увидеть эффект.