Skip to content
Submitted about 3 years ago

Mobile-first almost pixel-perfect solution with simple CSS animations

accessibility, bem, parcel, sass/scss
Karol Binkowski•1,620
@GrzywN
A solution to the Intro section with dropdown navigation challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Feel free to test it, any feedback is welcome here :)

Code

Please log in to post a comment

Log in

Community feedback

  • idukpaye alex•685
    @Esesosa-max
    1. ✅ Good Looking Design(both mobile , desktop) 5/5
    2. ✅ Perfectly Responsive 5/5
    3. ✅ Good Application of Tools(BEM,SASS/SCSS) 5/5
    4. ✅ Readablity 3.5/5
    5. 🥈 Pixel Perfect 4.6/5
    6. 💡 Personal Tip: You do not have to two images just change the image with CSS when it in mobile view e.g content:url(path/to/image). In Mobile give the <br > a display:none
    Marked as helpful
  • CyrusKabir•1,885
    @CyrusKabir

    Hello my dear friend ♥ you did great on this challenge and only little problem is about accessibility issue with keyboard in Learn More button. I wasn't able to catch it with tab key or if I did it it wasn't noticeable

    • edit: can you add useful resource which you always use for clean code, work with animation, sass, css, .... ?

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