Making Thumbnails Square

[Siton_Systems (Ezra Siton)]

CMS aspect ratio tutorial:

How to auto "crop" CMS collection list images (16:9 aspect ratio example)

** Long scroll but less than 1 min to implement. “The Problem” You want to upload difference size images and always keep the aspect ratio of 16:9 (Or any other aspect ratios). Without any styles this is the result “broken layout”: [image] [image] End result: [image] Solution - by “images” CSS trick (cropping-images-object-fit) Why to use images? (And not bg) 1. Faster loading (Support webflow responsive image) feature, Better 2. SEO(And better Image SEO), Improve 3. Accessibility (Re…

Summary of the tutorial (In your case change padding-b to 100%)