Задать вопрос
@Alina1984

Как создать карточки в рядах со смещением?

Приветствую.
Объясните пожалуйста как построить такую структуру карточек, которая состоит из 2 рядов.
Ряды смещаются: один в лево, один в право.
При этом обое выходят за пределы вьюпотра.

Скрины приложены как структура выгледяет на дестоп и как на мобильных69010414967c2239355456.png69010419da9cc632236746.png
  • Вопрос задан
  • 113 просмотров
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
@7rows
Frontend Разработчик / Vue / JS / TS / CSS
не совсем понятно
1- Если у вас слайдер, именно идет скролл, то, выбираете сдвиг первого изображения на 50% , визуально видно, что там так и есть
2- Если это статично, делаете сетку, грид, размечая, сколько у вас колонок и по высоте и по ширине, у первой колонки и последней, можете сделать сдвиг, тогда, пересчет будет как вам нужно.

Но, вопрос требует уточнений, что именно вы хотите, что за изображения, нужно, чтобы они были оазличными, или же, это просто одно изображение, в виде картинки, которое повторяется с учетом строк ?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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