Front-page for package utilises whitespace not efficiently on smaller width devices

[fendor]

Environment

• Operating System: Linux archlinux 6.0.2
• Toolchain (compiler + version): [FILL HERE]
• Version or commit: flora.pm (accessed 29.10.2022 15:12 CET)
• Browser: firefox 106.0.1 (64-bit) (but also reproducible in chromium)

Expected Behaviour

Renders nicely on mobile and non-widescreens

Actual Behaviour

Doesn't render properly

In particular, doesn't utilise whitespace efficiently, and especially doesn't have the same left-margin here as when it reaches the proper content.

Instructions for reproduction

• Go to https://flora.pm/packages/@hackage/first-class-families
• ctrl+shift+m, select width 1023 (1024 seems to be viewport breaking point, i.e., it renders properly with 1024)

[tchoutri]

Yup' I'm guilty of having put a breakpoint at that size some time ago.

[TixieSalander]

The small screens version is still not very good, but I made some change for medium sizes screens on #578 (merged but not yet deployed on flora.pm).

With that PR deployed it should look better on sizes between 753px and 1023px:

I'll we wait for the said PR to be deployed before considering that issue as solved