# extendify/0.10.2/utility-framework/classes/aspect-ratio.css

Extendify, version 0.10.2. 27 lines.

- Page: https://pluginprobe.com/plugins/extendify/0.10.2/code/utility-framework/classes/aspect-ratio.css
- Raw: https://pluginprobe.com/plugins/extendify/0.10.2/raw/utility-framework/classes/aspect-ratio.css
- Modified: 2022-09-07T00:59:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/extendify/0.10.2/code/utility-framework/classes/aspect-ratio.css#L10-L20`.

```css
.ext-aspect-square img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.ext-aspect-landscape img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.ext-aspect-landscape-wide img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.ext-aspect-portrait img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

.ext-aspect-square .components-resizable-box__container,
.ext-aspect-landscape .components-resizable-box__container,
.ext-aspect-landscape-wide .components-resizable-box__container,
.ext-aspect-portrait .components-resizable-box__container {
    height: auto !important;
}

```