Задать вопрос
@Delagardi
html

Как сверстать блоки с разной высотой (плиткой/кирпичной кладкой) без использования JavaScript?

Здравствуйте

Я сейчас изучаю верстку и хочу заверстать один макет. Но не знаю как подступиться к его нижней части.
Подскажите, пожалуйста, как сверстать блоки с разной высотой без использования JavaScript. Точнее использовать можно только html5 и css3. Или подскажите хотя бы что погуглить на английском, ничего внятного пока не удалось найти в рунете. Пример макета ниже.

46cc07ff5e244acaa89a4c91fda005a0.jpg
  • Вопрос задан
  • 22348 просмотров
Комментировать
Подписаться 4 Средний Комментировать
Ответ пользователя smanioso К ответам на вопрос (5)
smanioso
@smanioso
Отмечайте ответы на свои вопросы!
Если посмотреть на макет, то можно понять следующее:
- есть сетка в 5 колонок
- элементы занимают 1 или 2 клетки
- элемент "трейлер" занимает 2 клетки по горизонтали
- элемент "рейтинги" занимает 2 клетки по вертикали

Сверстать статику можно и без каких-то дополнительных библиотек. В случае же реального сайта необходимо думать о логике работы данного элемента дизайна.

PS: и даже в реальном примере Masonry не нужен - у нас ведь сетка с заранее известными размерами.
Ответ написан
1 комментарий
1 комментарий