fixel99 / tesla

my school tesla project
https://fixel99.github.io/tesla/
0 stars 0 forks source link

Move small screen rules to bottom and extend contact #18

Closed russmaxdesign closed 7 years ago

russmaxdesign commented 7 years ago

@fixel99

This PR is to address issue #17

The reason the contact nav item was never receiving an arrow was because it was not able to scroll slightly long enough in order for the JS to trigger the change.

I've resolved this by cheating slightly - adding a bit more depth to the last container.

.tesla-panel-contact {
  min-height: 120vh;
}

I've also taken all small screen rules and moved to the bottom of the style sheet as this stuff should always either be written first or last. In our case, we want it written last as it is being used to over-write rules for wide screen.