@cracker-test

Как адаптировать элементы под блок?

Есть блок размером 800 на 800 пикселей. В нем кнопки. Они выстроены в столбик. Как сделать так, чтобы если кнопки не помещаются в блок, то столбиков становилось 2 и левая кнопка подстраивалась под высоту соседней кнопки?
621dba7d549d9308850563.png
  • Вопрос задан
  • 69 просмотров
Решения вопроса 1
IlyaMalone
@IlyaMalone
Frontend Developer
Рекомендую в данном случае использовать flexbox.
Задаете родителю:
  • display: flex;
  • flex-direction: column;
  • flex-wrap: wrap


https://codepen.io/IlyaKoren/pen/JjOeYaX

Почитайте про флексбоксы и гриды.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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