Задать вопрос
scriptroom
@scriptroom
Front-end Web Developer

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

Хочу максимально корректно подойти к вопросу построения такого вида responsive сетки как эта:
etchapps.com (хотя на примере она не респонсив, но идея понятна).

  • Как вы видите пропорции информационных блоков соблюдены в соотношении: 1х1 и 2х2.
  • Сетка при этом 5-ти колоночная.
  • Так же хотел бы в разметку заложить возможность CSS-ом изменять пропорции блоков. Скажем через замену классов менять ширину колонки.


Я так для себя копаюсь. Просто перебираю варианты, так что уважаемое сообщество может относится к этой задаче как к фановой. HTML специально не писал, так как возможно у кого-то есть свои варианты и для разметки.
  • Вопрос задан
  • 247 просмотров
Подписаться 2 Оценить 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
lavezzi1
@lavezzi1
Плагин Masonry как вариант.
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы