Задать вопрос
Touch2me
@Touch2me
QA в Raketa.travel

Как сделать сетку аля Pinterest с горизонтальным расположением элементов?

Добрый день. Суть в том, что нужно сделать сетку аля пинтерест, чтобы элементы подтягивались по высоте. В инете нашёл решение через использование column, но у всех этих решений есть один минус который я пока никак не смог поборот, а именно то, что элементы вставляемые в HTML располагаются не справа-налево, а друг под другом.

То есть не так:
1 2 3
4
а примерно вот так:
1 4
2
3

Есть ли какой-то способ решить эту проблему, желательно без JS.
  • Вопрос задан
  • 963 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 3
Через columns.

На Pinterest как раз через js и сделано
Ответ написан
Комментировать
Sanasol
@Sanasol
нельзя просто так взять и загуглить ошибку
masonry называется сетка а-ля пинтерест
Ответ написан
Комментировать
bugo_aneo
@bugo_aneo
Верстальщик по жизни, буддист, кофеман
попробуйте column-count на родителя, а детям - инлайн-блок. Так такая "масонри" и делается.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы