Верстка · Middle · Запитання 48 з 75
Як зробити двоколонковий макет, де сайдбар має фіксовану ширину, а контент займає решту?
- ✓Правильна відповідь:
display: grid; grid-template-columns: 250px 1fr - 2
display: grid; grid-template-columns: 250px 100%; - 3
display: flexі обом колонкамwidth: 50%;
Пояснення
250px 1fr - перша колонка фіксована, друга забирає все місце, що лишилося. 100% у другій колонці переповнить контейнер на 250px. Аналог на Flexbox: сайдбару flex: 0 0 250px, контенту flex: 1 (і, можливо, min-width: 0).