search

tinkerhub / TinkerHub-Learning-Paths

TinkerHub Learning Paths repo contains curated learning paths for learning technologies
https://paths.tinkerhub.org
MIT License
61 stars 63 forks source link

Fix Header Responsiveness #38

Closed rabeehrz closed 3 years ago

rabeehrz commented 3 years ago

The original responsive breakpoint was given as 800px. However, the header becomes squashed way before it reaches that breakpoint. The image below shows the page at a width of 888px.

before

After some playing around, I think a width of 1024px is much better for the responsiveness of the header.

Header just before the breakpoint at 1025px:

after-1

Header at 888px:

after-2
gautamkrishnar commented 3 years ago

@LunaticHacker agreed, we can have that implemented as a seprate PR. For now we can merge this one.

gautamkrishnar commented 3 years ago

@LunaticHacker just created an enhancement issue to tackle this. Thanks for the suggestions.