Например, у меня есть страница фиксированной ширины 1024px, внутри неё 2 элемента, один фиксированной ширины 200px, a другой минимум 200, максимум вся ширина. Если использовать всю страницу, элементы получаются "резиновыми", то есть адаптируются под ширину экрана, а если задать фиксированную ширину, то получается шляпа.
Пишу так:
grid-template-columns: 200px minmax(200px,1fr);.
Вот как-то так должно быть, а когда экран уменьшается, фиксированный элемент остаётся таким, а резиновый уменьшается до указанного минимума. Пробовал по-разному делать, появляется всегда полоса горизонтальной прокрутки.
Простой
