Как сделать сетку фотографий?

Question

[Александр Степанов]

В данный момент стоит проблема сделать такую сетку фотографий:


Макет в 1920, фотки вмещены, фотки не должны переноситься при 1366, блок должен пропорционально уменьшаться и фотки вписываться без искажения.

Как и главное, чем, реализовать данное чудо?)
Спасибо за ваши ответы!)

Answer 1

[vvvadimos]

flexbox модель можно заюзать
html5.by/blog/flexbox

Comments

[Александр Степанов]

А что делать с разной высотой картинок?)

[vvvadimos]

картинки обрезать нельзя?

[Александр Степанов]

vvvadimos: можно, но там ещё gif есть)

[vvvadimos]

а гиф причем?

[Alex]

vvvadimos: я так понимаю, анимацию резать проблематичнее..

[Alex]

Александр Степанов: Все в Div overflow:hidden и жесткий размер div

[vvvadimos]

Alex: с gif тут будет такая же работа как и с любой картинкой (png jpeg)

[Alex]

vvvadimos: Я в плане если резать анимацию до заливки...

Answer 2

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

А библиотека типа masonry не подойдет для вашей задачи?