Update design consistency at different media breakpoints

[mblayman]

I checked the site on my phone. While it looked pretty good in portrait mode, there were some design flaws when looking in a landscape orientation.

It would be great to update the design to look good at various media breakpoints.

Tailwind has docs on its responsive design at https://tailwindcss.com/docs/responsive-design

So far, I've been targeting sm for a mobile experience and the full desktop size. I think we should consider a larger size that is likely tablet oriented like md or lg.