JavaScript: Intersection Observer, Event Delegation, matchMedia | SCSS
Design comparison
Solution retrospective
This challenge was very interesting and educative. I had the opportunity to learn some very cool stuff and unlearn some bad practices.
I practiced the following JavaScript concepts:
- Event Delegation
- Attribute Change
- Media Query using JS
- Intersection Observer API
- JS Animation
- Event Propagation
Kindly check my implementation and suggest better approaches, if any!
Community feedback
- @ApplePieGiraffePosted over 3 years ago
Hello, Folarin Akinloye! π
Great job on this challenge! π Your solution looks good and the extra transitions and animations that you added are very nice! π I especially like the on-scroll animations and the transition in/out of the mobile menu! π
The only small thing I noticed is that the "Login" button isn't clickable in the desktop layout, for some reason (perhaps it's being covered up by another element). π
Your code also looks nicely commented and organized, too! π I'd just suggest breaking down your main Sass file into separate files to make it easier to organize and navigate and manage your styles (since the main Sass file is very long, at the moment).
Looking forward to your next project! π
And as usualβkeep coding (and happy coding, too)! π
2@folathecoderPosted over 3 years ago@ApplePieGiraffe Thanks so much APG! π
1@folathecoderPosted over 3 years ago@ApplePieGiraffe I will look into the corrections and also compartmentalize my SCSS! I didn't do that early so people can review my code easily.
Thanksπ
1
Please log in to post a comment
Log in with GitHubJoin 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