Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Data storage with SASS and Animations

Abhik 4,840

@abhik-b

Desktop design screenshot for the Fylo data storage component coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello Frontend Mentors 👋

I am quite new to scss and BEM, so please provide a feedback on how I should use them properly . I have added some animations also 😅

Any tips , feedback , suggestions will be highly appreciated 🙏

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hi, Abhik! 👋

Great job on another challenge! 👍 Your solution looks good, responds well, and those animations look very nice! 😃 Kudos for trying out Sass and BEM! 👏

Your BEM looks good! One or two very small things I might suggest are perhaps to use card--one and card--two rather than card one and card two (since one and two are adjectives and therefore more like modifiers) to make recognizing what those classes do in your CSS easier. Also, you may want to use dashes rather than single underscores to separate words (as in card__slider-top rather than card__slider_top) just to make the distinction between elements and regular words easier. 😉

Of course, keep coding (and happy coding, too)! 😁

1

Abhik 4,840

@abhik-b

Posted

Thanks @ApplePieGiraffe for the valuable feedback , I'll implement the changes. Glad you liked my animations 😇

Happy coding 🚀

0

Please log in to post a comment

Log in with GitHub
Discord logo

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