Загрузка...

Как реализовать такой блок?

Тема в разделе Frontend создана пользователем header 9 авг 2024. 203 просмотра

Загрузка...
  1. header
    header Автор темы 9 авг 2024 157 20 окт 2019
    возможно ли как-то сделать такое адаптивно? Может есть готовые или похожие решения
    [IMG]
     
  2. Toil
    Toil 9 авг 2024 ������� ������ :coder: 3563 18 ноя 2018
    1. Делаешь 3 блока
    1 блок - где 2 карточки вертикальные и 1 горизонтальная
    2 блок - одиночная карточка
    3 блок - накидываешь реверс на 1-й блок
    2. Размещаешь эти блоки в один контейнер
    3. На маленьких разрешениях делаешь контейнер колонкой и уменьшаешь размер фото/скрываешь часть фото
     
    1. header Автор темы
      Toil, возможно ли это адаптивно сделать с одной высотой блока (изображения полностью заполняют пустоту)?
    2. Toil
      header, делаешь фиксированную высоту блоку, потом в этот блок вставляешь картинку и накидываешь на нее object-fit, чтобы картинка заполнила весь блок
Top