Как правильно адаптировать блок?

Question

[egowka]

Ребят, всем привет! Есть такой блок, как правильно его можно адаптировать, подскажите, пожалуйста? Вариант с использованием позиционирования не рассматриваем.

Comments

[Андрей Федоров]

Это сильно зависит от того как у вас реализован допустим десктопный вариант в коде.

[egowka]

Андрей Федоров, сделано всё в 1 ряд

[Ankhena]

float, grid

[egowka]

Ankhena, а на flex есть решение? float - старый, grid - ie11 не поддерживает

[Андрей Федоров]

egowka, нет, вы не поняли. в зависимости от того, используете ли вы фиксированные размеры, float, flex или grid ответ будет разным.

[egowka]

на flex

[Ankhena]

egowka, на flex только если вы можете задать фиксированную высоту обертке.
Прямо в css или считая на js, без разницы.

[approximate solution]

egowka, Вас кто-то обманул с тем, что IE 11 не поддерживает грид.

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

[egowka]

approximate solution, спасибо)