Mobile first single price grid component solution using scss
Design comparison
Solution retrospective
Hello everyone!
I dont usually use grid and Im not very familiar with it so this challenge was helpful.
I used a mobile first approach as always and I think I got it pretty close to the original design :/.
I would really appreciate any feedback as always!!!
Community feedback
- @ericsalviPosted over 3 years ago
Hey, this looks great! The grid looks good too.
As for the original design, I noticed that there are no box-shadows on the button and the card container, and the header font size for "Why Us" is a bit off. This is just nitpicky however since your solution is pretty solid.
I would also take the creative license going forward for all these projects and do something fun for the button hover effects. The design solution images that come with the challenge unfortunately do not really provide that but it is just a little extra homework to make it shine.
Keep up the momentum!
Marked as helpful1@ToNisamBioJaPosted over 3 years ago@ericsalvi Hello!
Everything you said you are 100% right especially for the creative license,that is something that I am aware I need to do more(animations, hover etc).
As for the box shadow and font size I will change that!
Thank you for your time I really appreciate it!
0
Please log in to post a comment
Log in with GitHub
Join 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