Control the aspect ratios of your design elements

<figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2400px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2400px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/651df6ce2abe644937e87063_Aspect%20ratio.jpg>" loading="lazy" id="" width="auto" height="auto" alt=""></div></figure><p id="">Today, we’re excited to announce native support for the aspect-ratio CSS property in the Webflow Style panel.</p><p id="">You can now directly control the aspect ratios of your design elements. And that means you can simplify your design process, ensure visual consistency, provide immediate visual feedback, and reduce the reliance on custom code.</p><p id="">Visit the Style panel to try this new feature. It can be applied to any design element that would benefit from a specific aspect ratio, such as images, videos, grid layouts, etc.</p><p id="">To learn more, read our <a href="<https://university.webflow.com/lesson/size-settings-width-height#aspect-ratio>" id="">Webflow University lesson</a></p>