Streaming live at 10am (PST)

Responsive design issue

Hi,

The desktop screen looks perfectly fine on my webflow workspace but when I click on the eye button to view as live, the grid changes to 4x2 instead of 3x2. What should I do??

https://preview.webflow.com/preview/angelineneo?utm_medium=preview_link&utm_source=designer&utm_content=angelineneo&preview=2cd05dc16892dd9cc21646afbcbc7d45&pageId=5d63a24db519d8595e2dda79&mode=preview


Here is my public share link: LINK
(how to access public share link)

Limit the max width of the object, because when it’s getting bigger, there’s more space the code is able to read, so therefore it justifies it with the option to expand the list columns.

Hello @Angeline_Neo,

You can use display grid on your collection list to fix your problem. I did a quick video to show you how to use grid to get the layout that you want consistently on different screen sizes https://www.loom.com/share/6257507289c0432f872cae317a075e8f. I hope it helps.