---
id: 61539f32a206bd53ec116465
title: Step 17
challengeType: 0
dashedName: step-17
---
# --description--
Notice how some of your images have become distorted. This is because the images have different aspect ratios. Rather than setting each aspect ratio individually, you can use the `object-fit` property to determine how images should behave.
Give your `#gallery img` selector the `object-fit` property and set it to `cover`. This will tell the image to fill the `img` container while maintaining aspect ratio, resulting in cropping to fit.
# --hints--
Your `#gallery img` selector should have an `object-fit` property set to `cover`.
```js
assert(new __helpers.CSSHelp(document).getStyle('#gallery img')?.objectFit === 'cover');
```
# --seed--
## --seed-contents--
```html
Photo Gallery
