Skip to content
Submitted over 3 years ago

Mobile-first almost pixel-perfect solution with animations (HTML/SCSS)

accessibility, bem, sass/scss
Karol Binkowski•1,620
@GrzywN
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I'm starting to feel more and more confident with CSS animations and transitions. I hope you enjoy it!

Any valuable feedback is of course welcome!

Code

Please log in to post a comment

Log in

Community feedback

  • CyrusKabir•1,885
    @CyrusKabir

    Hello my dear friend ♥ you did very good on this challenge and I think it's perfect pixel no almost and UI it's good and I just want say some sassy things 😁

    • it's good to use @mixins when there is some arguments, I notice that you used slideInFromLeftanimation for just defining animation configs for different elements but you can use PlaceHolders in sass and just for changing animation delay you can add them in their classes, also you can check this article if you want 8 sass tips
    • you can name your media queries for more readability with sass, I mean using just some numbers with relative units it's not descriptive, you can check this articles for more information about naming @media in sass @media in sass, naming @media
    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