UI: landing page horizontal scroll.

[huilensolis]

• [x] I have searched the issues of this repository and believe that this is not a duplicate.

Description 😯

The landing page (https://trubudget.net/) has horizontal scroll and the images grid breaks.

How to reproduce 🕹

just open the landing page on Brave using a screen size of 1905 × 977 and a font size set to medium.

how to fix:

• [ ] set the max-width property to 100vw to the div that has the classes "row no-gutters popup-gallery".
• [ ] set the width of the image to 100%, the object-fit to cover, and the object-position to center.

after the changes:

environment

I'm running this on Brave - Version 1.61.116 Chromium: 120.0.6099.217 (Official Build) (64-bit)

[stale[bot]]

This issue has been automatically marked as stale because it has not had activity for 30 days. It will be closed if no further activity occurs. Thank you for your contributions.

[jzakotnik]

@Huilensolis Thanks for the report and the fix. We re-designed the landing page which should not contain this problem. It comes out in the next weeks.