Как сверстать такую плитку?

Question

[flowstep]

Необходимо сверстать такую плитку, она должна быть резиновой, при этом:

1) высота и ширина самих фотографий остается неизменной
2) должны оставаться одинаковые расстояния между блоками как по горизонтали, так и по вертикали . То есть должны сохраняться пропорции родительского блока при изменении ширины окна браузера.

Также при достижении окна определенного размера, количество фотографий в строке уменьшается (до 4, затем до 3)... но это уже другая история. Вопрос, можно ли достичь желаемого результата не прибегая к помощи JS?

Answer 1

[Вадим Белкин]

Пример. Подобный результат нужен?
1. Создаете адаптивную сетку
2. Для картинок добавляете обертку с трюком для пропорциональных размеров через вертикальный padding и располагаете картинку внутри такого блока

Answer 2

[Konstantin]

bootstrap grid

Comments

[Алексей Юдов]

Можно написать свой Bootstrap :)

[Lander]

TCloud, С преферансом и барышнями.

[Andrew]

TCloud, чет мне кажется, для 19 картинок, писать свою сетку - такое себе занятие.