Adjusting Image Aspect Ratio in CSS (Code Snippet)

Adjusting Image Aspect Ratio in CSS (Code Snippet)

Have you ever found yourself working on a website and struggling to keep images in an aspect ratio when getting them to fit in the space provided? Look no further than this awesome CSS property.

    aspect-ratio: 4/3;
    aspect-ratio: 1.25;
    aspect-ratio: 16/9;

So if you applied the 3 different rations to images you will get the below outcome.

Support for aspect-ratio according to is now available on all major browsers, so in my opinion definitely safe to start using.

Subscribe to Making sense of the world around me, one blog post at a time

Donโ€™t miss out on the latest issues. Sign up now to get access to the library of members-only issues.