@wakenbyWork

Как можно сложить так элементы?

Верстаю футер и возникли проблемы с построением элементов в адаптиве. Пример упростил максимально)

Как это выглядит на пк версии:



Блок сверстан на flex с justify-content: space-between;

Необходимо на планшетной версии сделать так:

61ee95fbcbf7a695240670.png

Пришла идея сделать через display: contents;



Но поддержка display: contents; плоха. И у меня два вопроса:

1) Можно это как-то сделать на grid?
2) Если прописать так:
.class {
  display: block;
  display: contents;
}

То в браузерах с поддержкой contents будет выбран display: contents; а в которых нет будет display: block? Просто есть идея для браузеров которые плохо работают с display: contents; сделать не 4 столбца а 3, таким способом))
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы