Как сделать адаптивный коллаж?

Question

[Игорь Павленко]

Как сделать адаптивный коллаж как на Рамблер.Новости? Так чтобы изображения сжимались пропорционально? Буду благодарен за пример на JSFiddle

Answer 1

[Кирилл Арутюнов]

Попробуйте masonry

Comments

[Игорь Павленко]

Думаете рамблер для этого использует masonry? Я бы не хотел тащить с собой лишние килобайты)

[Кирилл Арутюнов]

Игорь Павленко: ну у них что-нибудь свое аналогичное написано
Многие советуют flexbox использовать.

[Максим Тимофеев]

Игорь Павленко: Они используют просто css c абсолютным позиционированием, не лучший вариант. Все зависит от верстки остальной части. В ответе описал разумные варианты.

Answer 2

[Максим Тимофеев]

Вариантов миллион. Например getbootstrap.com/css/#grid или любой другой css framework c grid. Или например isotope.metafizzy.co
Или просто на css играя с width контейнера для фото, а фото на background и backgroundsize cover или contain