{"product_id":"card-aspect-ratio-and-image-cropping-symmetry","title":"Card Aspect Ratio and Image Cropping","description":"\u003cp class=\"task-lead\"\u003eA brand updating their theme wanted product card images to use a consistent aspect ratio instead of varying by image.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI'm updating to the latest theme version. Product card images are all different heights and the grid looks uneven. Make them a consistent ratio.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eAn uneven grid from inconsistent product photography.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe set product card images to a fixed aspect ratio with the image fitting within it, so the grid stays even regardless of the source image dimensions.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eConsistent card image aspect ratio\u003c\/li\u003e\n\u003cli\u003eImages fit within the ratio without distortion\u003c\/li\u003e\n\u003cli\u003eRatio selectable in the theme editor\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155701526602,"sku":"TASK-0388","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/card-aspect-ratio-and-image-cropping-symmetry","provider":"TaskHusky","version":"1.0","type":"link"}