🐞[bug]: Profile Picture Stretching in Customer Opinion Cards on /html-files/services

sagarbendale2004 commented 1 month ago

Is there an existing issue for this?

[X] I have searched the existing issues

Describe the bug

On the /html-files/services route, the profile pictures in the customer opinion cards are inconsistently displayed. Some images are stretched vertically, while others are stretched horizontally, making the layout appear unbalanced and the images look distorted.

Steps to Reproduce:

Visit the Services page.
Scroll to the customer opinion section.
Observe the profile pictures in the opinion cards. Notice how some are stretched vertically and others horizontally.

Actual Behavior:

The profile pictures are inconsistently stretched (either vertically or horizontally), which distorts the images.
This creates an unprofessional and uneven appearance across the opinion cards.

Expected behavior

Profile pictures should maintain their aspect ratio, ensuring that none are stretched or distorted.
All images should be displayed consistently across the opinion cards, resulting in a balanced and professional layout.

Add ScreenShots

Screenshot 2024-10-12 104127

What browsers are you seeing the problem on?

No response

Record

[X] I have read the Contributing Guidelines
[X] I'm a GSSOC'24EXTD contributor
[X] I have starred the repository

github-actions[bot] commented 1 month ago

Hi there! Thanks for opening this issue @sagarbendale2004!. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

sagarbendale2004 commented 1 month ago

@Anjaliavv51 "Hi, I noticed the issue with the stretched profile pictures in the customer opinion cards. I’d like to work on fixing the image aspect ratio to ensure consistency. Could you please assign this to me?"

Anjaliavv51 commented 1 month ago

@sagarbendale2004 go ahead.

Kiran-F commented 1 month ago

@sagarbendale2004 I also raised the same issue and created a PR but I don't know it was not accepted. (issue# 460) The only thing I did was setting the object-fit to cover which made it balanced but still. Anyways never mind. But the way you presented the issue is great.

sagarbendale2004 commented 1 month ago

@Kiran-F My issue was #452 after that you raised the same issue due to this reason your PR not get accepted.

Suggestion - before raising issue first check that particular issue was raised before or it get assigned to anyone if not then only proceed further.

Anjaliavv51 / Retro