Responsive tweaks and refactor for homepage styles

siakaramalegos / clioandcalliope

New website design

1 stars 1 forks source link

Responsive tweaks and refactor for homepage styles #39

Closed glynnis closed 6 years ago

glynnis commented 6 years ago

Connects #7.

Still left TODO (i.e. not addressed by this PR):

Image compression
Responsive tweaks/fallout on about and contact pages
Complete refactor/removal of old breakpoints from _base.scss

My browser extension for full-page screen caps didn't elegantly interpret the JS/nav switchover, so these aren't a totally accurate reflection of how things look (but it looks fine during normal usage). Probably easiest to check out locally to take a look:

Small

screencapture-localhost-3000-index-html-1510280620240

Medium

screencapture-localhost-3000-index-html-1510280584381

Large

screencapture-localhost-3000-index-html-1510280485217

glynnis commented 6 years ago

I've added commits to this PR that include the responsive tweaks needed for the contact and about pages, removing the last of the old breakpoint code that used max-width. I've got the hang of switching them over, so as I think I mentioned elsewhere, I'm happy to help make the switch if you're still using any of those on other branches.