Телеграмм чат группы css

Size: a a a

HTML/CSS — русскоговорящее сообщество

5060 membersпожаловаться на группу

2021 May 07

Aqshin in HTML/CSS — русскоговорящее сообщество

https://codepen.io/aqshin-baghirzade/pen/MWpYbqj

источник

12:03пожаловаться #1

Kirill Galimov in HTML/CSS — русскоговорящее сообщество

Всем привет.
Подскажите, с API приходит 18 элементов (точнее - книг). На десктопе выводятся все 18, на планшетах - допустим 12, на мобилке - 6.
Решено, что вне зависимости от viewport'a я буду получать 18 книг, тогда встал вопрос, как скрывать лишние книги?
Проходиться nth-child по каждой?

источник

12:15пожаловаться #2

Алексей in HTML/CSS — русскоговорящее сообщество

т.е. если смотреть в браузере. то при смене разрешения/типа устройства должно кол-во отображаемых меняться?

источник

12:18пожаловаться #3

Алексей in HTML/CSS — русскоговорящее сообщество

или статично на пк при любом разрешении надо показывать 18?

источник

12:18пожаловаться #4

Kirill Galimov in HTML/CSS — русскоговорящее сообщество

Да, выводить списком 18 книг на мобилке - получается большая простыня. Было решено снизить на мобилке количество до 6-и (например)

источник

12:18пожаловаться #5

Kirill Galimov in HTML/CSS — русскоговорящее сообщество

ПК - 18, планшет - 12, мобилка - 6

источник

12:18пожаловаться #6

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество

Делай карусель

источник

12:20пожаловаться #7

Алексей in HTML/CSS — русскоговорящее сообщество

не сталкивался с таким, но попробовал бы 2 пути:
- через js писать в массив данные и применять array.slice в зависимости от типа устройства
- через псевдоклассы css скрывать лишние

источник

12:21пожаловаться #8

его имя роберт полсо... in HTML/CSS — русскоговорящее сообщество

А есть метод ещё проще просто поставить библиотеку для пагинации

источник

12:24пожаловаться #9

НЧ

Никита Чеботов... in HTML/CSS — русскоговорящее сообщество

Или карусель делай или разбивай вывод на страницы
Разбивка на страницы называется пагинация

источник

12:24пожаловаться #10

Алексей in HTML/CSS — русскоговорящее сообщество