Implement Standard Resizing for Featured Images in Blog Posts

[TimOsahenru]

For better user experience ensure all featured images have a standard dimension.

Implementation

You can achieve this by either:

• Applying a standard size to all images globally across blog posts.
• Creating a specific CSS class for featured images, which can be applied on a per-post basis, depending on your preference.

For more details, refer to this context.

[JohananOppongAmoateng]

@TimOsahenru can I get assigned to this

[JohananOppongAmoateng]

@TimOsahenru do you have a specific size you want the images resized to?

[TimOsahenru]

Maybe use same dimension as this image https://github.com/BlackPythonDevs/blackpythondevs.github.io/blob/gh-pages/assets/images/BPD_STACKED_featured.png or @kjaymiller what do you think ?

[kjaymiller]

I think it would be best if we found a reference on the internet that provides a suggestion so that we can make an educated decision.

[kjaymiller]

I also noticed in #543 that the ratio used is not a standard one. Which could have some rendering issues on devices...

Most devices would expect something like a 4:3 or 16:9 ratio. Instead the PR uses 524 : 933.

I think we should use a ratio of 16:9 or 3:2 per instructions from https://tiny-img.com/blog/best-image-size-for-website/

[JohananOppongAmoateng]

@kjaymiller it seems this issue needs to be closed or ?