@run182

Как сделать адаптивную сетку используя grid с 2 колонками разных размеров?

Нужно сделать адаптивную верстку: 2 блока - левый с меню и правый с контентом, при уменьшении размера экрана у правой уменьшается ширина до определенного порога, после чего он переходит на новую строку.
<div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(270px, 1fr));">
    <div>Menu</div>
    <div>Content</div>
</div>

Вариант как я показал выше подходит, но нужно сделать так, чтобы у левого блока было фиксировано 270px, а у правого резиновая, но не меньше 600px, после чего он переходит на новую строку.
Надеюсь ясно выразился. Заранее спасибо за помощь!
  • Вопрос задан
  • 361 просмотр
Пригласить эксперта
Ответы на вопрос 1
@remeder
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы