Задать вопрос

Три колонки с разной высотой?

Здравствуйте! Тут короче проблемка у меня нарисовалась, я такое верстать не умею. 3 колонки, разная высота у картинок, и потом ещё 10 будут подгружаться ajax. Подскажите хотя бы направление, идею, как такое можно сделать. Grid-ы не справляются, flex тоже не подошел, была идея создать 3 колонки, и просто накидать туда картинки, высота не деформируется, всё хорошо. Но адаптивным сделать это будет сложно, плюс всё это будет натягиваться на wp. Mansory, я попробовал, в процентном соотношении эта фигня не работает, если у меня 3 колонки, допустим по 32% шириной, то расстояние между ними надо задавать фиксированное, это уже не адаптивно. Вобщем, если есть ещё какие-либо идеи, поделитесь пожалуйста.

5d1617ab8ddd1106030889.png
Правка: я использовал библиотеку jquery, не думал, что в css такое тоже есть. С css всё заработало, спасибо)
  • Вопрос задан
  • 394 просмотра
Подписаться 3 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Странно, что не получилось на masonry, он такое умеет точно. На цсс подобное делается на columns. Для наглядного понимания можно зайти сюда и потыкать ссылочки.
Ответ написан
Комментировать
@bogomazov_vadim
В masonry есть параметр percentPosition: true, возможно это то что нужно.
Пример
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽