Limit Collection List Items by Breakpoint

Different counts at desktop, tablet, landscape, & portrait
+ higher bp's 1280px, 1440px, and 1920px

Watch the Video Tutorial

1920px, showing 12 items.

1440px, showing 9 items.

1280px, showing 9 items.

Desktop, showing 6 items.

Tablet, showing 4 items.

Mobile Landscape, 6 items.

Mobile portrait, 2 items.

Every breakpoint shows a different item count. Change your browser's width to see.

1
Dolor Voluptatem

Molestias sit vitae. Sapiente sunt magnam dolor molestiae voluptas sunt placeat itaque. Officia doloribus quis libero natus

2
Fugiat Blanditiis Numquam Aperiam

Voluptatem dolor optio modi adipisci vero molestias. Doloremque enim quisquam paria

3
Eum Cumque Et

Esse amet dolor iusto vero placeat. Velit nostrum et debitis enim voluptatem voluptatem fugiat cumque expedita. Qui

4
Porro Totam Id

Ipsam quibusdam quis. Quia excepturi voluptate. Voluptate nesciunt aliquam incidunt est natus excepturi ut.

5
Recusandae Earum

Sed maiores voluptate dolores qui accusantium vel eum qui. Quasi sed et. Repellendus sed enim eaqu

6
Asperiores Omnis Porro

Recusandae similique eligendi et illum. Saepe rerum voluptate. Hic maxime aliquam aperiam consequatur possimus error est. Velit atqu

7
Magnam

Sunt a quas natus labore ipsum quasi recusandae aut dolor. Ipsa ratione labore soluta dignissimos aspern

8
Cumque

Nostrum adipisci doloremque numquam vero impedit saepe molestiae exercitationem corrupti. Possimus dicta voluptas. Sit c

9
Magni Quasi Veritatis Voluptas

Ab iusto architecto omnis quod rem optio perspiciatis. Ipsam omnis corporis quis ut voluptatibus error fuga. A id quod dol

10
Numquam

Minus qui non temporibus. Laborum vitae rem molestiae recusandae architecto modi porro aut nihil. In est cupiditate

11
Excepturi Non

Ut et commodi quidem quos voluptas est. Consequatur molestiae deserunt. Numquam quo voluptatum repre

12
Ut Quisquam Dolor Corrupti

Ab veritatis aliquid deserunt assumenda placeat voluptas error. In repellendus veniam et ut enim qui nihil quod. Ullam autem ipsa ha

13
Architecto Id

Reprehenderit officia qui alias fugit necessitatibus dolores eum minus molestias. Fuga quae vero qui id. Ex et quis porro. Autem fugit

14
Nam

Ut ut facilis corrupti quisquam aliquid at perspiciatis. Quo a

15
Dignissimos

Dolore vero perspiciatis nulla nihil dolore error temporibus commodi. Aut voluptatum tenetur ab possimus et numquam.

16
Distinctio Non

Incidunt consectetur distinctio ut natus sed velit fuga. Et ipsa tempora doloribus autem dolores sed dignissimos laboriosam velit.

17
Reiciendis Quos

Cupiditate nostrum voluptatem voluptatum et eius cum odio. A suscipit itaque accusa

18
Praesentium Ut Dolorum

Quo ut impedit ea. Expedita voluptatem libero laborum odio natus quam qui ad. Adipisci similique quidem error o

19
Dicta Quia Explicabo Minima

Nostrum quia labore. Ad eum asperiores explicabo voluptatem at magni id. Aut qui ipsa voluptas facilis imped

20
Nam Est Dolorem

Omnis alias dolorem repellendus recusandae quisquam voluptas. Et doloribus repellat molestiae consequatur blanditiis culpa dolor iste natu