Sponsor Image Scaling Issue & Empty White Space on the Right - Donation Page (DFS Section)

[NureddinSoltan]

Summary:
Sponsor images in the DFS section are not fitting correctly on mobile phones. The images shrink in a wrong way, and there's an empty space appearing on the right side of the screen.

Location:
Donation Page --> DFS Section

What's happening:

• On mobile phones the Images don't scale correctly and don't fit their space.
• On mobile phones specifically, there's an empty gap on the right side of the screen.

Expected:
Images on mobile phones should fit properly within their containers on all screen sizes.

Steps to Reproduce:

1. Open the Donation Page on a mobile phone.
2. Scroll to the DFS section.
3. Notice the images are wrongly sized and there's an empty space on the right.

Refrences:

• The images scaling:

• The right white space

I'd be happy to collaborate and submit a PR to update and fix that point, assign it to me please.

[CodeVishal-17]

Hi @NureddinSoltan, I’d like to work on this issue.

From the description and screenshots, it seems the sponsor images in the DFS section are not scaling properly on mobile screens, which also creates an empty white space on the right side. I’d be happy to investigate the responsive layout and adjust the image/container styling so that the images fit correctly across different screen sizes.

If that sounds good, please assign this issue to me. I’ll share a fix via PR soon.

[NureddinSoltan]

Hi @NureddinSoltan, I’d like to work on this issue.

From the description and screenshots, it seems the sponsor images in the DFS section are not scaling properly on mobile screens, which also creates an empty white space on the right side. I’d be happy to investigate the responsive layout and adjust the image/container styling so that the images fit correctly across different screen sizes.

If that sounds good, please assign this issue to me. I’ll share a fix via PR soon.

I'm not a maintainer, so I can't assign you. However, I already asked at the bottom of the issue to be assigned so I can work on it. I'm not sure if you noticed that.

[aliraza-090]

Hi! I’m interested in working on this issue.

I noticed the sponsor images are not scaling correctly on mobile and that it causes horizontal whitespace. I’d like to investigate the responsive layout and fix the CSS so the images fit properly on smaller screens.

Please let me know if it's okay for me to work on this.