Mobile directory doesn't allow scrolling

[WorldsEndless]

https://odh.byu.edu/people/

Sometimes the text goes of screen, and cannot be scrolled to view (eg on phone)

[WorldsEndless]

standard practice is for the mobile narrow dimensions to move the image to the top (above) the content

[WorldsEndless]

Notice that due to #582 there is not much data to be shown. Even so, choosing smaller dimensions (choosing them by entering a width, rather than choosing a small device) demonstrates the error.

[WorldsEndless]

on the blog page, styled the .homepostsingle by removed display:grid and added text-wrap:nowrap. Also removed display: flex from @media only screen...

[WorldsEndless]

Verified that this occurs in Safari mobile as well

[WorldsEndless]

Adding display:inline-block and white-space:nowrap to the body.mobile at https://github.com/BYU-ODH/wp-humanities-byu/blob/master/style.css#L4305 gives us back partial scrolling; something below us in the selectors must also be affecting us, as we only get partial scroll on refresh with that change.