Что более актуально использовать :Grid или flex?

Question

[Nanch]

Начал изучать вёрстку, на всяких ресурсах все делают сайты с помощью float и margin и всего вот этого. Немного погуглив узнал ещё про flex и grid,но на источниках в которых читал было сказано что grid пока не актуален так как не поддерживается во многих браузерах. Так вот, как сейчас с этим вопрос обстоит? И что сейчас стоит изучать и что тренировать? Или лучше знать и умеешь всеми тремя способами делать?

Answer 1

[Сергей delphinpro]

Смотрим ссылки
https://caniuse.com/#feat=flexbox
https://caniuse.com/#feat=css-grid

И сами решаем, можно ли конкретно вам на отдельно взятом проекте использовать ту или иную технологию.

Актуально то, что позволяет вам сделать техническое задание к проекту.

Answer 2

[Никита Юдин]

При помощи гридов, базовую разметку всей страницы можно построить буквально парой строк css. Flexbox вам такого не даст. Как я вижу, то flexbox призван решить проблемы построения разметки через float'ы + добавить фишек сверху.

grid'ы призваны решить проблему и того и другого + добавить фишек сверху. Но гриды это не замена flexbox. Их можно и нужно использовать вместе.

Пример такой: есть всем известная масонри сетка, щас, её вручную, при помощи flexbox сделать нельзя, а вот при помощи гридов раз плюнуть. Чуете разницу?

В итоге, flexbox можно уже использовать. Гриды можно использовать не везде, но изучать их в любом случае нужно для дальнейшего развития.

Answer 3

[Сергей Горячев]

К слову, флексы и гриды НЕ альтернатива друг другу.
А скорей важное дополнение. На гридах удобно сделать сетку для проекта, минуя фреймворки. Флексы же используются для внутренней разметки блоков чаще всего.
На счёт актуальности флексов и гридов, каждый проект уникален.
И исходить нужно не из собственного «как верстать», а из требований заказчика. Так как выбирается метод вёрстки исходя из желаемой поддержки, кроссбраузерности.

Comments

[Сергей delphinpro]

флексы и гриды НЕ альтернатива друг другу.

правильное замечание
+