Submitted almost 3 years ago

Four card feature section (Tailwind CSS + Mobile First)

tailwind-css

Lucas Pausin•90

@lucaspausin

A solution to the Four card feature section challenge

Preview Code

Solution retrospective

Hello community, this is my solution for this challenge.

I'm looking for better ways to be able to use less code.

I added some custom features:

Gray Custom Design + Icons. Simple CSS Effects. Dark Blue Color Selection.

All feedback are welcome! 🤍

Code

Please log in to post a comment

Community feedback

Lucas 👾•104,160
@correlucas
Posted almost 3 years ago
Hey Lucas, congratulations for this solution!

One thing that can be cool to improve the hover effect on the card is to set the hover effect to activate each color for the cards. This can be done using filter: saturation (0); for the normal state and filter: saturation (100); for the active hover.

Anyway, amazing solution. Congrats =)
Marked as helpful

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