style: Adjust layout on max-width 667px by tweaking `.main` & `.plot`

[icyJoseph]

Attempts to account for #93 - though I am not sure I've understood the media queries correctly. Does this fix the use cases you've found?

[codecov[bot]]

Codecov Report

Merging #102 into master will not change coverage. The diff coverage is n/a.

@@           Coverage Diff           @@
##           master     #102   +/-   ##
=======================================
  Coverage   78.94%   78.94%           
=======================================
  Files          53       53           
  Lines        1216     1216           
  Branches      141      141           
=======================================
  Hits          960      960           
  Misses        223      223           
  Partials       33       33           

---

Continue to review full report at Codecov.

Legend - Click here to learn more Δ = absolute <relative> (impact), ø = not affected, ? = missing data Powered by Codecov. Last update 0a316bb...e172407. Read the comment docs.

[mithi]

@icyJoseph

It isn't fixed on my end...

Firefox (around 712 px)

Chrome (around 666 px)

[mithi]

Another screenshot

[mithi]

Last one...

[icyJoseph]

Perfect :D! I was having trouble finding those breakpoints! I'll squash this bug now!

[icyJoseph]

What are your thoughts on this layout for the affected widths?

Just pushed the CSS changes so you can test locally.

[mithi]

@icyJoseph awesome! Merging!