Flickering responsive nav menu on screen resize
So I'm working on a responsive nav menu, and it flickers on the resizing of the screen. See added video.
It also does it when there is no JS.
Codepen of a very simplified version of the nav (the same still happens): https://codepen.io/-evecodes/pen/GRYpKmW
I tried following one of Kevin's nav tutorials for it. His navigation does work without the flickering, but when I try to make it, it fails. The tutorial was this one:
https://www.youtube.com/watch?v=HbBMp6yUXO0
Any help/thoughts on how to possibly fix this are welcome!
It also does it when there is no JS.
Codepen of a very simplified version of the nav (the same still happens): https://codepen.io/-evecodes/pen/GRYpKmW
I tried following one of Kevin's nav tutorials for it. His navigation does work without the flickering, but when I try to make it, it fails. The tutorial was this one:
https://www.youtube.com/watch?v=HbBMp6yUXO0
Any help/thoughts on how to possibly fix this are welcome!
YouTubeKevin Powell
You can find the Frontend Mentor project here: https://www.frontendmentor.io/challenges/space-tourism-multipage-website-gRWj1URZ3
And the free Scrimba course here: https://scrimba.com/learn/spacetravel
Links
Why I use HSL: https://youtu.be/Ab9pHqhsfcc
More on feature queries (@supports): https://youtu.be/wPI8CEoheSk
More info on .sr-...
And the free Scrimba course here: https://scrimba.com/learn/spacetravel
Links Why I use HSL: https://youtu.be/Ab9pHqhsfcc More on feature queries (@supports): https://youtu.be/wPI8CEoheSk More info on .sr-...
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time š.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
