# Responsive LiveView

**URL:** <https://forum.elixirforum.com/t/responsive-liveview/36725>\
**Category:** Questions\
**Tags:** phoenix, liveview\
**Created:** [January 9, 2021, 6:32am UTC](https://forum.elixirforum.com/t/responsive-liveview/36725 "2021-01-09T06:32:17Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![sb8244](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/sb8244/32/18642_2.png) [@sb8244](https://forum.elixirforum.com/u/sb8244)\
**Post date:** [January 9, 2021, 6:42am UTC](https://forum.elixirforum.com/t/responsive-liveview/36725/2 "2021-01-09T06:42:06Z")

</div>

This may not be an ideal solution, but the immediate thing that comes to mind is to pushEvent from client → server when the viewport causes a pagination size change. That would involve a small amount of JS but not much. The server could then take that into account for its pagination (possibly re-rendering the items because small → large would need more data).

I’ve never had to deal with this, so curious if anyone has creative ideas here. I initially thought of creative CSS to limit the size of the items, but that would mess up pagination since the server needs to know that 6 are being displayed so it can show items 7-12 after 1-6.

---

_[View the full topic](https://forum.elixirforum.com/t/responsive-liveview/36725)._