Каждый раз, когда начинаю новый макет, на пару минут зависаю над выбором: собрать всё на Flexbox или сразу взять Grid? Для простой шапки, навигации и ряда карточек обычно хватает флексбокса, но как только появляются колонки и выравнивание по двум осям, грид выглядит убедительнее. А потом выясняется, что часть блоков всё равно удобнее разложить иначе.
Понимаю, что универсального ответа нет, но хочется выбрать подход не только по принципу «так быстрее сейчас». Например, если карточек на странице разное количество или ширина экрана меняется, что проще поддерживать? А если макет сначала рисуют для мобильного, влияет ли это на выбор? Интересно, используете ли вы Grid и Flexbox вместе и где проводите границу между ними.
Поделитесь конкретным примером: какой элемент вы бы сверстали на гриде, а какой — на флексбоксе? И бывало ли, что после адаптации пожалели о первоначальном выборе? Думаю, такие случаи полезнее абстрактного спора о том, что «правильнее».
Мой текущий ориентир такой: Grid — для общей двумерной сетки страницы, Flexbox — для расположения элементов внутри отдельных компонентов. Но подозреваю, что в реальной работе всё зависит от поведения контента, а не от названия блока на макете. Где у вас этот ориентир перестаёт работать?
Понимаю, что универсального ответа нет, но хочется выбрать подход не только по принципу «так быстрее сейчас». Например, если карточек на странице разное количество или ширина экрана меняется, что проще поддерживать? А если макет сначала рисуют для мобильного, влияет ли это на выбор? Интересно, используете ли вы Grid и Flexbox вместе и где проводите границу между ними.
Поделитесь конкретным примером: какой элемент вы бы сверстали на гриде, а какой — на флексбоксе? И бывало ли, что после адаптации пожалели о первоначальном выборе? Думаю, такие случаи полезнее абстрактного спора о том, что «правильнее».
Мой текущий ориентир такой: Grid — для общей двумерной сетки страницы, Flexbox — для расположения элементов внутри отдельных компонентов. Но подозреваю, что в реальной работе всё зависит от поведения контента, а не от названия блока на макете. Где у вас этот ориентир перестаёт работать?
Комментарии 10
Обсуждение темы — по порядку