Flexbox или CSS Grid? [закрыт]

185
09 июля 2019, 21:30

Уже давно я использую технологию flexbox, всем доволен и все работает. Но в последнее время все слышу про CSS Grid. Некоторые говорят, что CSS Grid созрел и превосходит во многих тонкостях flexbox, другие же удтверждают обратное. И у меня всплывает такой вопрос: Что же на самом деле лучше Flexbox или CSS Grid?

Answer 1
  1. Если рассматривать кроссбраузерность, то flex не намного, но обходит grid:

    caniuse.com / css-grid

    caniuse.com / flexbox

  2. По возможностям flex больше подходит для отдельных блоков и выравнивания внутри них - по большому счету работает в одном измерении, в то время как grid имеет более гибкий функционал и позволяет работать в 2-х измерениях по оси X и по оси Y.

    Более подробно и с наглядными примерами в статьях:

    • htmlbook.ru
    • medium.com

    И если простыми словами:

    Grid - инструмент позиционирования основных блоков страницы.

    Flexbox - инструмент позиционирования элементов внутри блоков, расположенных с помощью Grid.

    Т.е. Grid можно использовать совместно с Flexbox.

Ответ на вопрос:

что лучше Flexbox или CSS Grid?

И Flexbox и Grid по отдельности и вместе прекрасно подходят для современной верстки макетов!

READ ALSO
Почему в console выводится Uncaught ReferenceError: age is not defined [дубликат]

Почему в console выводится Uncaught ReferenceError: age is not defined [дубликат]

Данный вопрос является точным дубликатом:

150
Как изменить переменную в функции в зависимости от ширины экрана

Как изменить переменную в функции в зависимости от ширины экрана

Прошу помощи у того кто может разбираться в этом: Есть в моем таймере разная ширина экрана: 1200 и больше --- fontSize 30, captionSize 10 от 992 до 1200 --- fontSize...

210
Как правильно отсортировать? [закрыт]

Как правильно отсортировать? [закрыт]

Подскажите как отсортировать 32 элемента таким образом чтобы 16 были активные а остальные 16 неактивные ?

188