Я пытаюсь использовать CSS Grid для создания адаптивной строки. Я понимаю, что использование auto-fill дает мне адаптивный макет «бесплатно», и я довольно многого достиг:
Макет рабочего стола:
Мобильный макет:
Это легко достигается с помощью
grid-template-columns: repeat(auto-fill, minmax(305px, 1fr));
(изображение шириной 305 пикселей).
Что мне действительно нужно, так это чтобы левый столбец, содержащий изображение, был настолько широким, насколько это необходимо, а не (я предполагаю) его текущее значение 1fr.
Я пробовал:
grid-template-columns: repeat(auto-fill, minmax(min-content, 1fr));
что не работает.
Возможно ли это? Если да, то как?