@flowstep

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

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

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

Также при достижении окна определенного размера, количество фотографий в строке уменьшается (до 4, затем до 3)... но это уже другая история. Вопрос, можно ли достичь желаемого результата не прибегая к помощи JS?
5ac33421d1dbc760823970.png
  • Вопрос задан
  • 406 просмотров
Пригласить эксперта
Ответы на вопрос 2
@BelkinVadim
Frontend разработчик
Пример. Подобный результат нужен?
1. Создаете адаптивную сетку
2. Для картинок добавляете обертку с трюком для пропорциональных размеров через вертикальный padding и располагаете картинку внутри такого блока
Ответ написан
Комментировать
whiteworking
@whiteworking
¯\_(ツ)_/¯
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы