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

Responsive 3-column Preview Card Component using Tailwind CSS

@gityacine

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Responsive 3-column Preview Card Component using React and Tailwind CSS

To solve this challenge efficiently, I have created a Column reusable component and populated it with data using React. For the styling part, I used Tailwind CSS as usual. One thing that I did not like about it is that I couldn't interpolate custom values into the Tailwind CSS classes. But overall, it helped me a lot.

Happy coding!

Community feedback

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