coderisimo
@coderisimo

Как правильно реализовать такое распределение дивов?

Вопрос нубский, ибо для меня верстка это боль ).
Итак, хочется чтобы один и тот же лейаут приспосабливался к размерам контейнера вот таким образом.
5b76b514a8829330352885.jpeg
Пробовал использовать flex-direction - column, но , как в этом случае сделать так чтобы , когда место в контейнере по вертикали заканчивается оставшиеся дивы размещались в новом столбце рядом, см картинку? У меня получается один столбец, который (сво!) никак не реагирует на размеры контейнера.

Спасибо.
  • Вопрос задан
  • 77 просмотров
Решения вопроса 2
@bk_maestro
Используй display: grid; прочитай про его свойства по типу grid-template-columns, grid-template-rows, grid-template-area и т.д. Узнаешь все, что тебя интересует.
Ответ написан
Комментировать
Madeas
@Madeas
UI / UX Designer, Frontend Developer
задайте column-count под нужные медиа запросы
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Rikazavr
@Rikazavr
web design hippie
flex-wrap: wrap; не пробовал?

демка

Или я неправильно поняла суть твоей задачи
Ответ написан
Ваш ответ на вопрос

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

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