Skip to content
Submitted over 1 year ago

Responsive 3-column Preview Card Component using Tailwind CSS

Yacine El Hakim•90
@gityacine
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

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

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