How to change the amount of products on an archive page based on the viewer's screen width

Question

I\'ve built a theme where based on different screen sizes, the amount of columns or products on the shop page changes (using CSS). This means that at some screen sizes the a