3 ms·
Yeah I agree that the sidebar isn't a very useful example given that it's not even close to something you'd implement in production. The same technique can defi
by StevenWaterman 5y ago
Yeah I agree that the sidebar isn't a very useful example given that it's not even close to something you'd implement in production. The same technique can definitely be made to work with mobile, which is how the burger menu at the top right of the page is implemented - ie just using `:focus-within` rather than `:hover` and using media queries to only display that menu on mobile.
I'm glad that you enjoyed 1 and 3 though - it's been really interesting seeing each person take something different away
- gbear605 5y agoUnfortunately the burger menu at the top right of the page also doesn’t work very well on mobile (iOS Firefox). One the menu appears, there’s no way to get it to hide again, permanently covering up any content underneath (in this case, your name). Aside from that, something very weird is going on with the page. There’s a huge blank area to the right of the screen that you can easily scroll to accidentally. This also happens on Safari on macOS, where for some reason it doesn’t let you scroll back left (and persists the scroll position on page refresh?!). I definitely agree with the blog post in general though - we should try to use HTML and CSS instead of always resorting to JavaScript.