Updated index.html 'Become a sponsor' image object

[sparsh-99]

Fixes #285

Styled an image object by reducing its width as it is left-indent a bit.

• Change its width from 150 to 140 to align it in the center.

[stygian-96]

@sparsh-99 I inspected your update in chrome browser by doing the same change that you have made and I found that it has added some extra space over the image!!!

Screenshots -->

Before changing the width

After changing the width

[sparsh-99]

@stygian-96 The problem is in mobile view, the left margin is somewhat to the left. I only changed that.

[stygian-96]

@stygian-96 The problem is in mobile view, the left margin is somewhat to the left. I only changed that.

@sparsh-99 I inspected it in the mobile view too and I faced the same issue, it is adding some extra space on the top of the image.

Screenshots -->

Before :

After :

[sparsh-99]

I think you did some mistake, I inspect my changes once again. I think, I good to go for the PR.

Screenshots:-

[jancborchardt]

I’m a bit confused, as the current https://opensourcedesign.net does already have the width set to 140px – but that actually seems to cause the issue with the misalignment for me?

[sparsh-99]

I’m a bit confused, as the current https://opensourcedesign.net does already have the width set to 140px – but that actually seems to cause the issue with the misalignment for me?

@jancborchardt The width 140px is set to of that "<image" tag but what I am proposing is the change in the width of the "<object" tag from 150px to 140px which not only aligning the button but also shrinking the extra space between the next paragraph.

1. What you are looking for is this:-

2. and What I am proposing in the index.html file is this:-

Are you getting the point @jancborchardt ?

[Erioldoesdesign]

Not sure if this needs another look by someone who has better understanding of the changes but the PR is quite old now!

[Erioldoesdesign]

Unless someone stops me, I'm going to close this PR without merging - especially since we're doing lots of redesign work on the website

[alisamadiii]

I reviewed your codes, I find Object tag which I have to go and learn it.
Wish you all the best.

[Erioldoesdesign]

@jancborchardt take another look maybe?

[Erioldoesdesign]

@SaptakS should we merge this or close do you think?

[SaptakS]

@Erioldoesdesign this branch has conflicts that need to be resolved. Also, I think I am not happy with the solution. The width of the image is always calculated based on the height (since aspect ratio). Fixing the width works but is finicky and should be fixed as an attribute on our codeside in the <object> element with a width attribute equal to the width of the image (i.e. 140px). So might be easier to close this PR and create a new one.

cc @sparsh-99

[Erioldoesdesign]

Closing this PR and it can be referenced in a new PR if someone else works on a similar issue