page-transitions-travelapp
page-transitions-travelapp copied to clipboard
A sticky footer could make thing even smoother
At certain screen sizes - the footer kinda jumps around - and gives it just a little less polished feeling that it could have. (Really great job on these transitions!) https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
I hadn't noticed that! Probably just browsing too short of a window. Will fix! PRs also accepted.
I'm not sure how the <main>
animation conditional works - so, it might need a parent. You could use a custom element like <main-outlet>
or something (ensure it's block level) - and then add the flex-grow to that... otherwise, it switches out the whole main element. Just using the browser tools - it would be like this:
![Screen_Shot_2019-10-30_at_3_03_07_PM](https://user-images.githubusercontent.com/56655339/67902877-6ba85100-fb27-11e9-9407-2d8535835ff0.png)
I know how sticky footers work :) if you want to PR, please do. Otherwise I'll handle it.