Design comparison
Solution retrospective
👋 Hi There! Frontend Mentor community. This is my solution for the Product preview card component
I feel quite confident using SASS in my code, because in my training I studied it very hard. In addition, I have my own framework prepared in SASS with all the functions prepared and other elements that I need. I also always use the BEM methodology to try whenever I can to program with the "clean code" philosophy.
I have also used a shadow on the card for the active design, so that the functionality is appreciated.
If you can add something or give me some tip abour my code, I will appreciate it :) . I'll be happy to hear any feedback and advice!
Tip: always remember to compile your clode on the command line $ sass --watch ./styles.scss ./styles.css
Enjoy programming!! jocodev
Community feedback
- @jose-jimmyPosted over 1 year ago
Hello there 👋. Congratulations on successfully completing the challenge! 🎉
:hover {box-shadow}
looks cool, it makes a 3d impression to the whole card section- I would have imported the google fonts with the specific
font-weights
- Don't know if this is an issue on my end, when inspecting the solution I got a 404 error message saying download failed (font-family: "Montserrat" style:normal weight:400 stretch:100 src index:0): status=2147746065 source: https://fem-product-preview-card-component-peach.vercel.app/assets/fonts/Montserrat/Montserrat-MEdium.ttf
** I hope you find this helpful 😄 Above all, the solution you submitted is great ! **
Happy coding!
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