Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

tailwindcss

@sagarkaurav

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedback is appreciated.

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

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

@sagarkaurav

Posted

@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

@sagarkaurav

Posted

@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
P
Matt Studdert 13,611

@mattstuddert

Posted

@sagarkaurav nice work! That's a perfectly reasonable approach to take as well 👍

0

Please log in to post a comment

Log in with GitHub
Discord logo

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