Design comparison
Solution retrospective
Any feedback is welcome!
It's my first component using SASS and variables in styling. It's not pixel perfect, also I thought of a better approach at the end of the project using GRID i think it was easier.
Community feedback
- @jameslegoff92Posted about 3 years ago
Hi Diego, Great work on this challenge, you really knocked it out of the ballpark. The only piece of advice I can offer is to use a CSS methodology when creating your stylesheets. In case you don't know, a CSS methodology is simply a set of rules to follow when writing CSS that makes it easier to manage. While for a small project like this it could be considered overkill, getting used to it now will help you later on in your developer journey when you begin being responsible for larger and more complex projects.
The link below provides a good overview of the different CSS methodologies out there and their benefits. https://www.webfx.com/blog/web-design/css-methodologies/#:~:text=1%20Object-Oriented%20CSS%20%28OOCSS%29%202%20Block%2C%20Element%2C%20Modifier,%28SMACSS%29%204%20SUIT%20CSS.%205%20Systematic%20CSS.%20
So I challenge you to implement one of them for your next challenge. I personally enjoy the BEM methodology. It's simple and very easy to implement.
Keep up the good work and happy coding!
Marked as helpful1
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