HTML / SCSS / JS with animation

Solution retrospective
My first big project!
I wanted to test a lot of things, and I'm quite happy with the results, but obviously I had some concerns that I can't solve on my own, and so I need a little help to do then an update of the site!
My problems :
-
When opening and closing on the navbar, I would like that if you click outside the 'block', it closes by itself. I had thought of making an onclick on the body, or making a fictitious transparent background, but it doesn't work .. how to do?
-
Similar to the mobile links for the nav bar, how can one close when the other opens? I saw a lot of tutorials on the internet but it is beyond me and I can not get it to stick with my code ..: '(
-
My animation works perfectly for computers, but in mobile, impossible to make the first and last block of text work, only one works and I don't know why .. really difficult to understand especially since it is the first time that I 'uses this API ..
WARNING: I have not yet finished the project and I have not yet reread myself, so there may be code duplicates and above all there are no comments! I'm on the move and it's not easy to work on a 15 ", whereas we are used to working on a 27" and three screens .. haha.
Thank you for your future help, I hope to get out of it, in any case I'm already happy with the result!
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Alexandre's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord