Frontend Mentor | JavaScript: Intersection Observer, Event Delegation, matchMedia

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

ApplePieGiraffe• 30,545

@ApplePieGiraffe

Posted almost 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)! 😁

Folarin Akinloye• 1,240

@folathecoder

Posted almost 3 years ago

@ApplePieGiraffe Thanks so much APG! 😀

Folarin Akinloye• 1,240

@folathecoder

Posted almost 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😊

JavaScript: Intersection Observer, Event Delegation, matchMedia | SCSS

Design comparison

Solution retrospective

Community feedback

Please log in to post a comment

Join our Discord community