Wrong aspect ratio on photos & extreme word wrap

[edent]

Issue and Steps to Reproduce

Using a narrow screen device like a phone, visit https://whocanivotefor.co.uk/elections/w1a%201aa/

Scroll to "London Assembly elections"

Open the "Show 7 candidates" details box.

Screenshots

Expected

Element should not be squashed to the side. Photos should retain aspect ratio.

Actual

Looks a bit weird on some mobile platforms. Word wrap is excessive.

Additional Details

• Browser and version: Firefox 124.1.0 Android.
• Were you logged in? No

[edent]

I think this might be caused by the breakpoints - see these three examples.

Screen width of 328 works

329 and above breaks

Over 400 works

[VirginiaDooley]

Thanks! We have an open PR to improve this https://github.com/DemocracyClub/WhoCanIVoteFor/pull/1790 but it will need further work in https://github.com/DemocracyClub/design-system