# V5.1.1 - Breakpoints

**URL:** <https://sygnal-attr.discourse.group/t/v5-1-1-breakpoints/88>\
**Category:** Announcements\
**Created:** [July 16, 2023, 4:43am UTC](https://sygnal-attr.discourse.group/t/v5-1-1-breakpoints/88 "2023-07-16T04:43:21Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![memetican](https://yyz2.discourse-cdn.com/free1/user_avatar/sygnal-attr.discourse.group/memetican/32/9_2.png) [@memetican](https://sygnal-attr.discourse.group/u/memetican)\
**Post date:** [July 16, 2023, 4:43am UTC](https://sygnal-attr.discourse.group/t/v5-1-1-breakpoints/88/1 "2023-07-16T04:43:21Z")

</div>

We’ve just released an update with a new Breakpoint-change detection feature, which we needed for some special client projects.

Most importantly for SA5 users though, we were able to use it to beef up Finsweet’s awesome CMS Load feature, so that you can now have Responsive Pagination. Want 12 items per page on desktop, but only 8 on tablet, and 3 on portrait?

No problem. So let’s start with that demo and cloneable;

> **[Responsive Pagination - Webflow](https://webflow.com/made-in-webflow/website/responsive-pagination)**
>
> Give Webflow's paginated collection lists responsive pages sizes, using Finsweet's CMS Load and some custom code.

With this change, we’ve also finalized SA5’s event callback model, which was a big piece of the TypeScript migration roadmap. Full speed ahead.

For those of you into hamming your breakpoints and CSS media queries into submission- we’ve also released a cloneable with our CSS and new SA5 script-based approach, which are both highly useful in different situations.

A second cloneable is here;

> **[Webflow Breakpoints - Webflow](https://webflow.com/made-in-webflow/website/webflow-breakpoint)**
>
> Learn how write custom CSS and JavaScript that respond to Webflow's breakpoints

And the official docs;

> **[Breakpoints ❺](https://attr.sygnal.com/webflow-html/breakpoints)**
>
> Detect Webflow breakpoint changes, in code

And some added thoughts here on directions we may explore with other forms of CSS Media Queries that go far beyond breakpoints.

> **[CSS Media Queries](https://attr.sygnal.com/overview/technical-notes-and-goals/css-media-queries)**
>
> All the things we can do with them.