Site Layout - UI elements overlap when the window size is changed

[kaycodes13]

(Apologies if this isn't the right place to bring up issues with the website!)

Is your feature request related to a problem? Please describe.
I've noticed that the site's desktop layout starts to break as soon as my browser window is less than 1400px wide, both in Firefox and Chrome; many of the buttons in the memory archive and other elements site-wide start to overlap and it becomes very hard to click on what you want. This has been a problem for me, because I prefer to work in several side-by-side windows and the buttons/etc start overlapping each other at such a wide size to begin with.

Describe the solution you'd like
Ideally what I'd like is some changes/additions to the CSS that makes sure that important UI elements don't overlap at any window size, and potentially a swap to the mobile layout if the window width gets small enough.

Additional context
A few screenshots of the issue:

I should also mention; I'm a web developer by trade and I'd be interested in helping out with UI changes, or other things, if the team would be okay with that. This is an awesome project and I'd love to help make it easier to use and more accessible to all.

[WaterKH]

Thank you so much for the feedback! I was recently made aware of this and I believe most of this is caused by the way we are displaying (I think mostly it's flow?)

In regard to your offer, that would be absolutely wonderful as I have quite a few projects on the front burners. I believe most of the CSS should be in their respective .css files under the blazor pages. Let me know if you want to discuss further or if you need more direction!