Image size for blog page sidebar

[SMushnick]

Hi, currently, the sizes of images on the blog sidebar are not all the same size (see screenshot attached). I have various different things but nothing seems to be working. Is there a specific code I need to enter into the template css? Please help!

[Indra · Accepted solution]

Hi @SMushnick,

If you want to force the image size you can use the css options aspect-ratio. This is fully supported for most browsers.

If you use aspect ratio, I recommend to use object-fit cover if it's an image (img) object.

So your css should be like this:

.featured-image{
  aspect-ratio: 16/9;
  object-fit: cover;
}