{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/cd8dfee40fd44b3da1116ee497b846ec\" 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/cd8dfee40fd44b3da1116ee497b846ec-00001.gif","duration":363.09198,"title":"Webflow Design Tips and Tricks 🎨","description":"In this video, I demonstrate how to use Webflow's custom properties feature to make the first item in a CMS bound collection list larger without any custom code. By setting up the collection list as a grid, assigning a class to the item, and utilizing custom properties like grid-column and grid-row, we can easily create a visually appealing layout. This technique not only enhances design aesthetics but also simplifies responsiveness across different devices."}