Four card feature section (Tailwind CSS)
Design comparison
Solution retrospective
Hi there π, Iβm Melvin, and this is my solution for this challenge. π
π Features:
- Progressive Web App (PWA) support. π±π
- Achieved 100% in Lighthouse score for performance, accessibility, best practices, and SEO. π
- Utilized TailwindCSS for responsive styling. π¨
- Codebase is well-maintained and formatted using Prettier. π»
- Resemblance with the original design. π¨
π οΈ Built With:
- TailwindCSS. π¨
- npm - Prettier. π»
Any suggestions on how I can enhance this solution or achieve even better performance are welcome!
Thank you. πβοΈ
Community feedback
- @towkirPosted 12 months ago
Hi Melvin, Hope you're doing well and continuing making pixel perfect designs. The body background color is
#FAFAFA
and the cards are#FFFFFF
. I believe you couldn't get the figma file, or you wouldn't miss that. Cheers.1@MelvinAguilarPosted 12 months agoHi @towkir
Thank you for pointing out my mistake. I don't have the Figma file for this design, and I mistakenly thought all the colors were white π . I appreciate your clarification.
0@towkirPosted 12 months ago@MelvinAguilar I wouldn't call it a mistake ;) You did the best out there without the figma, I admire your work. Keep it up.
0 - @ifarontiPosted 12 months ago
I've gone through most of your projects and I'm amazed at your skills expecially with CSS. I find myself going through your CSS to learn a lot of tricks. One of your comments led me to pixel-perfect which has greatly peaked my interest in improving my CSS. Thanks!! Thanks!! Thanks!!
1@MelvinAguilarPosted 12 months agoThank you so much for your kind words! @ifaronti
0 - @mkborisPosted about 1 year ago
All your solutions are truly outstanding.
1 - @lx9ziPosted about 1 year ago
amazing
1@MelvinAguilarPosted about 1 year ago@lx9zi Thanks so much! π
0 - @SamehCodePosted about 1 year ago
#wow looks gr8 , ##seems pixel perfect too , ###<3 nice work.
1@MelvinAguilarPosted about 1 year ago@SamehCode Thank you! π Your kind words mean a lot!
0 - @MartinsgundiPosted about 1 year ago
Hey Melvin, nice work as usual.
Check out your LinkedIn, sent you a connect request about 3 weeks ago. CheersβπΎ
0@MelvinAguilarPosted 12 months ago@Martinsgundi Hey there! π Thanks a bunch for the compliment! π I'll definitely check my LinkedIn
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