Design comparison
Solution retrospective
I struggled with alignment and mobile first design i'm still trying to improve in classes naming any feedback are welcome thank you
Community feedback
- @darryncodesPosted almost 3 years ago
Hi Masour,
Great to see another solution!
BEM is a very popular naming convention that takes alot of the hardwork out of naming things!
"(Block, Element, Modifier) is a component-based approach to web development. The idea behind it is to divide the user interface into independent blocks. This makes interface development easy and fast even with a complex UI, and it allows reuse of existing code without copying and pasting."
I found using transform: translate x/y to achieve the staggered card affect made life a little easier.
Hope that helps!
Marked as helpful0 - @Mansour0007Posted almost 3 years ago
Thank you darryncodes that BEM link will help me a lot in understanding the subject , and about transform: translate x/y never really crossed my mind , thank you for mentioning it will try my best in that matter
0
Please log in to post a comment
Log in with GitHubJoin 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