Make header sticky and fix header layout on mobile

lazyjinchuriki / pokedex

A Pokedex website made in HTML5, CSS, Vanilla Javascript

https://lazyjinchuriki.github.io/pokedex/

23 stars 24 forks source link

Make header sticky and fix header layout on mobile #52

Closed michaelhhogue closed 1 year ago

michaelhhogue commented 1 year ago

This commit makes the entire header sticky so that users can search while scrolling through the Pokedex. In addition, header mobile responsiveness is improved by moving the dark mode toggle and GitHub button above the search bar.

Demo:

https://github.com/lazyjinchuriki/pokedex/assets/18507739/84aa2684-c574-454b-9c7d-4f4fe6a36a55