Issues with mid-width rendering (tablet-type screens)

[valkyriesavage]

What Happened It looks ugly.

What Should Happen It should not look ugly.

To Reproduce Steps to reproduce the bug:

1. Go to any page on the website with a screen whose width is ~800px
2. Observe ugliness

Screenshots

Additional Notes The media breakpoints need to be updated to fix this. The particular bugs, shown above:

• Links in those little box things (to discord and such) shouldn't go to one column unless there's really not room for them to be multiple-column.
• Link titles should NEVER be larger than hero image text.

[candu]

To address this and #3 without too much custom CSS hackery here, I'd suggest that we do in fact bring these onto one column at tablet size, and just make that column fill the horizontal space.

It does mean a lot of empty space, but also...tablets are pretty rare these days, so optimizing for that experience seems like not the best use of our time.