Вопросы React Frontend Developer

Функция repeat(auto-fill, minmax(...)) создаёт столько треков, сколько помещается в контейнер, с минимальным и максимальным размером. auto-fill создаёт пустые треки, если элементов меньше, а auto-fit схлопывает их, позволяя элементам растягиваться. Это удобно для адаптивных сеток без медиазапросов.

Для нахождения минимального и максимального элементов в массиве объектов без Math.min/Math.max нужно вручную перебрать массив, сравнивая значения нужного поля. Инициализируем переменные min и max первым элементом, затем проходим по остальным, обновляя их при нахождении меньшего или большего значения. Это базовый алгоритм, который работает за O(n) и не зависит от встроенных функций.

Используйте auto-fit или auto-fill вместе с minmax() в grid-template-columns. Например: grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)). Это заставит браузер автоматически подбирать количество колонок, подстраиваясь под ширину контейнера. Разница между auto-fit и auto-fill в том, что auto-fit схлопывает пустые треки, а auto-fill оставляет их.