This is a collection of mobile-fist css flexbox-based layouts that can solve a variety of classic css issues. I originally started this repo to learn more about the technology but the project are perfectly usable or at least you can find some ideas in them. The projects are populated by HTML dummy content for testing.
I recommand the NPM module Http-serve for a quicker run between the projects:
1- npm insall --global http-serve
2- In the cloned repo folder: http-serve -p 8001
3- In your browser visit: localhost:8001
Classic Holy Grail layout solved in flexbox for both screen sizes.
Screenshots:
A contacts tab next the actual conversation, on small screens only display contacts
Screenshots:
A fixed sidebar with scroll area next to it, turns 100% vertical scroll area on mobile
Screenshots:
