Backer snippet is not responsive

[astorije]

Describe the bug

The snippet for backer avatars provided at https://opencollective.com/xyz/edit#export are not responsive and go out of the screen on mobile.

To Reproduce

Steps to reproduce the behavior:

1. Go to https://deploy-preview-138--thelounge.netlify.com/community#donate-to-the-project on mobile or using the device emulation in browsers' dev tools.
2. You will see that as opposed to other pages of this website, the snippet goes out of the container.

Expected behavior

When the snippet is bigger than the container, it should either resize, or avatars should jump to the next line.

Screenshots

Good (desktop)	Bad (mobile)

[znarf]

@astorije Your link to reproduce the issue doesn't work anymore, can you update it? Thank you!

[astorije]

Uh, that's odd, thanks for the nudge!
I have updated the PR description. This is the code that corresponds to this btw, if that's any useful.

Thanks!

[znarf]

@astorije Thank you for updating the PR. We will check what we can do.

In the meantime, I have a potential work around to propose, you can use the width parameter in the SVG URL. ie: https://opencollective.com/thelounge/backers.svg?avatarHeight=50&width=400.