search

sef-global / sef-site

Official Website for Sustainable Education Foundation
https://sefglobal.org
MIT License
50 stars 137 forks source link

Fix the images on the blog cards #1591

Closed YoshithaRathnayake closed 3 months ago

YoshithaRathnayake commented 8 months ago

Describe the bug Currently, the images appear stretched and it would be better to have them properly cropped.

To Reproduce Steps to reproduce the behavior:

  1. Go to 'https://sefglobal.org/engineering-team/'
  2. Scroll down to 'Blog Articles from Our Engineers'
  3. See error

Expected behavior Fix the images on the blog cards using bootstrap

Screenshots image

YoshithaRathnayake commented 8 months ago

@jayasanka-sack this is the issue u wanted to create right?

jayasanka-sack commented 8 months ago

@YoshithaRathnayake Mmm… I cannot recall.

jayasanka-sack commented 8 months ago

Anyway, this is a good catch! This needs to be fixed

mkskaushalya commented 4 months ago

Hello @YoshithaRathnayake, I can fix this issue.

When inserting an image here, instead of inserting it directly, please insert it into a div with a fixed size and give the correct size to that div. This issue can be solved.

image

YoshithaRathnayake commented 4 months ago

Hello @YoshithaRathnayake, I can fix this issue.

When inserting an image here, instead of inserting it directly, please insert it into a div with a fixed size and give the correct size to that div. This issue can be solved.

image

If I assign you can you fix it? @mkskaushalya

ifhammohamed1111 commented 3 months ago

Hi @anjula-sack @YoshithaRathnayake !

This is the issue which is I solved & here's the PR of it #1623