Skip to content
Submitted almost 3 years ago

Snap Intro Section

sass/scss
lieneil•560
@NJVS
A solution to the Intro section with dropdown navigation challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I've made the dropdown nav behave differently on desktop and mobile. On desktop, only one dropdown can be open at a time while on mobile it can be open simultaneously. But I think my JS can still be improved. Check it out and feel free to comment any feedbacks, Thanks.

Code

Please log in to post a comment

Log in

Community feedback

  • Elaine•11,360
    @elaineleung

    Great work, Lieneil, I like the changing theme colors, and like you, I did the same thing where in desktop view I had only one dropdown open at a time while the mobile view can have both. The JS looks fine to me, and I finally learned how window.matchMedia can be used, so thank you!

    The only thing I saw that I would fix is the hero image, as it's a bit distorted when the window is resized. Try adding an object-fit:contain or object-fit:cover and see if that helps.

    Marked as helpful

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