Design comparison
Solution retrospective
this is my first project using rscss (Reasonable System for CSS Stylesheet Structure.) it is similar to BEM but I think I like it more because the class names are simpler and it makes you think about everything as a component
Community feedback
- @hardy333Posted about 3 years ago
Hey, website looks very good and responsive on small screen sizes - Good Job.
I personally use BEM but rscss looks very good and hired a lot of good thing about it good luck to using that naming convention.
Also one small suggestion will be to use more organize usage of mixins for example: mixin - of media query , you constantly repeating @include "mixinname" in your scss which is not very optimal and generates ugly css code, maybe it will be better to write one @include mobileSize() {} and then nest your className selectors in it , instead of vice versa.
Good luck and have a nice day.
Marked as helpful3 - @darryncodesPosted about 3 years ago
Great solution Conrad, it works seamlessly - well done!
I used transform: translate x/y to achieve the staggered card affect instead of FlexBox positioning - I thought how you did it was excellent and never considered it, one to remember!
All the best!
Marked as helpful0
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