Mobile Friendly

[soggybag]

Needs mobile styles. Would be good if this worked well on phones.

There is a lot of UI redesign possibly needed to fully make this mobile friendly. Feel free to contribute small enhancements.

Follow the guide here: https://developers.google.com/web/fundamentals/codelabs/your-first-multi-screen-site/

1. Add mobile meta tags. This should display 1:1 on mobile and not scale. See: https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
2. Layout should take up the full column width on mobile. This would mean that the three sections would need to be stacked. An alternative would be to make the three sections side by side 100% width and make the window scroll side to side. I have some ideas for this contact me.
3. The header should be minimized on mobile. Use a media query to detect devices with a screen width 360px or less. Apply mobile styles here. Alternatively style the header for mobile then add a media query for screens larger than 360px.