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,740

@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

Report

0

Accessibility Issues

0

HTML Issues

View Report

Abhik’s questions for the community

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• 29,085

@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,740

@abhik-b

Posted

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

Happy coding 🚀

0

Please focus on giving high-quality, helpful feedback and answering any questions abhik-b might have. Here are some key points to consider:

  • Does the solution include semantic HTML?
  • Is it accessible, and what improvements could be made?
  • Does the layout look good on a range of screen sizes?
  • Is the code well-structured, readable, and reusable?

You can read our community guidelines if you're unsure what to post.

Slack logo

Join our Slack community

Join over 100,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!