Как написать фолбэк для flex gap?

Question

[Aljo]

Здравствуйте!
Недавно открыл для себя чудное свойство gap, которое просто нереально удобно использовать в связке с flex.
Сейчас практически закончил верстку сайта для небольшой частной школы из маленького городка.
Так вот скорее всего большинство будет сидеть с IE, если с телефонов, то либо с древних версий хрома, либо с браузера samsung, что еще хуже.
Соответственно встал вопрос, а как написать фолбэк для gap? Знаю, что через @support не получится.
Заранее спасибо за помощь.

Comments

[Сергей delphinpro]

Если ваша целевая аудитория пользуется устаревшим браузером, то и писать лучше сразу используя устаревшие методики.

[Aljo]

Сергей delphinpro, да, пришлось переписывать все. Сам себе напортачил - поздно подумал об этом

Answer 1

[archelon]

Если погуглить, можно найти варианты
https://codepen.io/laurilllll/pen/XWdQrQY
Но в вашем конкретном случае, возможно, лучше отказаться от использования этого свойства.
Лично я стараюсь избегать gap для flexbox хотя бы потому, что Safari на iOS его поддерживает только с версии 14.5, а это, имхо, более широкая аудитория, чем пользователи IE.

Comments

[strelok011]

а еще сафари не умеет делать гап для flex-direction: reverse )))) полгода назад нарвался

[strelok011]

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

[strelok011]

Evgenii, т.е. "да, там гап отказывается работать" - и "и это тоже ложь"? как интересно можно передергивать.

[strelok011]

Evgenii, хм. наверно потому же, почему не пишут хвалебные отзывы банкам когда всё хорошо?

[archelon]

ох уж это токсичное русскоязычное комьюнити ((