{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/5684f29cd65f41c4900a75e830a2aedc\" frameborder=\"0\" width=\"1920\" height=\"1440\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1440,"width":1920,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1440,"thumbnail_width":1920,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/5684f29cd65f41c4900a75e830a2aedc-7d140df781fbf743.gif","duration":916.7214,"title":"Solving Webflow Collection Page Layout Challenges with SA5 Layout 🚀","description":"In this video, I walk through a common Webflow design challenge where most items in a collection page follow a specific layout, but a few require a different approach. I introduce SA5 layout, a library I've developed that allows for flexible rearrangement of elements based on custom attributes, which simplifies the management of complex layouts without relying on conditional visibility. I demonstrate how to effectively group and display service items on a CMS page, ensuring a clean and responsive design. I encourage you to consider using SA5 layout for your own projects, especially when dealing with diverse item types or when you're hitting Webflow's collection list limits. Let me know if you have any questions or need further clarification!"}