Задать вопрос
Kadzi
@Kadzi
Ом

Как лучше реализовать карточки?

Привет, интересуюсь не как верстальщик,

нужно реализовать 1 блок с карточками. Есть 5-8 товаров, которые нужно сделать в виде слайдера:
5aeb2afc60fea034515677.png.

Со смартфоном и планшетом все понятно. Но что, если их станет например 10, 18 или 30? Как в таком случае они должны выглядеть на ПК?

Есть ли решения, кроме потока, как я в Яндекс картинках?

5aeb2c68836f5993144125.png

Во что мог бы преобразоваться такой длинный слайдер на ПК? Это условно было бы что-то типа такого? Пример:

5aeb2e9517111239085154.png

Имело бы смысл, для этого блока, с учетом что карточек стало больше 5-9, делать так? Пример, с сайта культурволк, слайдер привязан к левому краю:

5aeb301c37bcc383217872.png

Буду рад впитать любую полезную инфо по карточкам, слайдеру и типичным проблемам.
  • Вопрос задан
  • 338 просмотров
Подписаться 2 Средний Комментировать
Решение пользователя xmoonlight К ответам на вопрос (4)
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Я бы оставил в одну линейку (оставил бы также слайдером) и, возможно, сделал бы их горизонтальными, если ширина окна браузера превысит 1200px.
Т.е., светлую часть с жёлтой кнопкой - разместил бы справа.
Это избавило бы от "частокола" и от "размытия" внимания от единовременного отображения большого количества карточек.
Заодно, это сразу бы уменьшило высоту слайдера в 2 раза, что позволило бы больше увидеть того, что ниже на странице без скролла.
Ответ написан