Что лучше юзать в 2021 году grid gap или flex gap?

Question

[Anonimmus]

Знаю тема поднималась не раз, важно узнать актуальные данные и спросить у опытных коллег, часто ли вы юзаете gap? Может есть аналог?
При поддержке в 92 процента может целесообразней перейти на грид?

CSS property: gap: Supported in Grid Layout
Global 92.6% + 0.86% = 93.46%
gap property for Flexbox
Global 82.44%
Клиенты в последнее время стали возвращать задачи, после теста обратили внимание что gap флексы не работает на айфонах ( теперь гремучий safari - нам же мало было в свое время ie6-7).

Товарищи, просто интересно знать ваше мнение.
Сам же люблю флексу, но надолго отложил гриды, быть может настало его время?

Comments

[Ankhena]

важно узнать актуальные данные

Актуальные данные о поддержке браузерами есть на caniuse.com.
И по всей видимости вы их оттуда и брали.

Дальше очевидно: смотрите ТЗ, сравниваете с данными caniuse.

[Anonimmus]

Ankhena, актуально получается гриды юзать. А позвольте поинтересоваться вы сами на флексах работаете?
Да что там тз, клиенты уверено пишут флексу, но они то не догадываются что айфон их подставит

[Ankhena]

Anonimmus,

А позвольте поинтересоваться вы сами на флексах работаете?

Не вижу ни одного аргумента отказаться от них.
Как и от гридов.

Если клиент говорит, хочу флексы, это не значит, что он обязывает вас использовать в них gap.
И всегда можно попросить рассказать аргументы.

[Сергей delphinpro]

Anonimmus, а клиентам не пофигу как вы сверстаете? Мне ни разу не указывали, какие подходы использовать. Важен только результат.

Answer 1

[profesor08]

Используй grid, если с grid задача слишком сложная или ресурсоемкая, то используй flex, а для отступов придется выеживаться с margin включая отрицательные значения.