A fun one! Single price grid component made using Grid and REM units.
Design comparison
Solution retrospective
Feedback is always welcome.
Community feedback
- @ApplePieGiraffePosted over 3 years ago
Greetings, Eric Salvi! 👋
Just noticed this and wanted to say great job on this challenge! 👍 It's just about pixel-perfect and I like the subtle but fun hover state of the button in the card component! 😀
Keep coding (and happy coding, too)! 😁
1@ericsalviPosted over 3 years ago@ApplePieGiraffe Thank you for the positive feedback. My goal with these is to get it as closely as possible to the original design. That is why someone pays someone to design aspects and it is your goal to try and match it as close as possible.
Thank you for the button feedback too. I do like the subtle movements. One thing I love adding to my buttons too is
user-select: none
as you can easily double click on things like this and select the text within the button. This way it acts like one and not 2 different elements.0 - Account deleted
Great job!! the only difference I see is the text color between the design and the solution. Everything else is identical.
1@ericsalviPosted over 3 years ago@DanDucVira That is the struggle I have with doing these. I am color blind so shades of color are always a challenge for me to figure out. There even were times when I asked my wife what color something was.
With the free version too the screenshots of the end results are a bit compressed so the text is not as clear as I would hope.
If you can tell me which part of the text and what color they should be, that would be very helpful.
0Account deleted@ericsalvi yeah sure! in your community section you have a p tag that should be light gray and not green.
<section class="community"> <h1>Join our community</h1> <h2>30-day, hassle-free money back guarantee</h2> <p> Gain access to our full library of tutorials along with expert code reviews. Perfect for any developers who are serious about honing their skills. </p> </section>
1@ericsalviPosted over 3 years ago@DanDucVira Thank you so much. I updated it as best as I could. Not 100% perfect but I am ok with that.
0 - @palgrammingPosted over 3 years ago
⭐⭐⭐⭐⭐ Looks good.... Great Job
1
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