Hot Tip

Deets over 6 years ago Tweet

🔥 If you are trying to align oddly sized images, set a hard width + height and then use object-fit: cover; to remove any distortion

img {
  width: 200px;
  height: 200px;
  object-fit: cover;
}

🔥 If you are trying to align oddly sized images, set a hard width + height and then use object-fit: cover; to remove any distortion

```css
img {
width: 200px;
height: 200px;
object-fit: cover;
}
```

🔥 If you are trying to align oddly sized images, set a hard width + height and then use object-fit: cover; to remove any distortion

```css
img {
width: 200px;
height: 200px;
object-fit: cover;
}
```

🔥 If you are trying to align oddly sized images, set a hard width + height and then use object-fit: cover; to remove any distortion

```css
img {
width: 200px;
height: 200px;
object-fit: cover;
}
```

🔥 If you are trying to align oddly sized images, set a hard width + height and then use object-fit: cover; to remove any distortion

```css
img {
width: 200px;
height: 200px;
object-fit: cover;
}
```

🔥 The Array .some() Method is super handy for checking if at least one item in an array meets what you are looking for

🔥 Quick Video: Heres how JavaScript's Nested Object Destructuring works