Cover image's fixed width causes horizontal overflow on smaller screens

[vhfmag]

Cover images for teams have a fixed width, 825px. As much of a trouble as images can be for responsiveness, modern browsers support for object-fit css property is great (all of them support it in img tags, see Can I Use for reference) and that should make it easy to solve this issue. 😄

[mhall119]

We would love help with this. I'm by no means a CSS expert, so I'm sure there are better ways of doing things than what I've done.

Can you file separate issues for each of the screens with overflow? That will make it easier to track correcting them individually (and they would be good first issues for new contributors).

[vhfmag]

Okay! Should I close this issue and open one for each topic or do I just rename it and create one about the overflow?

[vhfmag]

Went with the second option. I will be working on those issues as soon as I can :)

[vhfmag]

Just as a follow-up, I tried to work on those issues that week, but had problems with customizing Django's built-in forms (AuthenticationForm, UserCreationForm, etc). I'll be looking through the docs this weekend, let me know if there is any other resource that could help me with that.