Design comparison
Solution retrospective
Feedback is appreciated.
Community feedback
- @mattstuddertPosted over 4 years ago
Nice work on this challenge, Sagar! Your overall layout looks great. I'd recommend reviewing the point at which you switch from a single-column layout to a multi-column. The cards look quite squashed and have different sizes. One possible solution would be to jump to a 2-column layout for tablet sizes and then only move to 3 columns when there's space.
How do you like working with Tailwind? I still haven't actually used it on a project yet!
Keep up the great work 👍
1@sagarkauravPosted over 4 years ago@mattstuddert Thanks for the feedback I will make changes that you suggested. I haven't used Tailwindcss in any big project but as per my experience, while solving frontend mentor challenges, the configuration and installation part is a little bit on the advance side. But once you are done with configuration part its is easier to make custom layouts and using Purgecss over that you can have a very small CSS footprint. I would recommend you to give it a shot because it vary different than traditional CSS frameworks like Bootstrap, Bulma, Material CSS
1@sagarkauravPosted over 4 years ago@mattstuddert I have made changes instead of going for two-column layout I made it a single column layout for medium layouts too. The two-column layout was a little bit tricky for my current code structure.
0@mattstuddertPosted over 4 years ago@sagarkaurav nice work! That's a perfectly reasonable approach to take as well 👍
0
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