
Submitted over 2 years ago
4 Card Feature Section (Vanilla CSS + Custom Design + Glassmorphism)
@correlucas
Design comparison
SolutionDesign
Solution retrospective
š¾ Hello, Frontend Mentor coding community. This is my solution to the Four Card Feature Section.
š I had a lots of fun doing the challenge and doing some custom design improvements.
This is a solution that I've finished before but I decided to update it, when I saw a solution of guy Yefry Sanchez where he applied an hover effect on the card where the icon flips while hovered, so I tried to apply something similar to mine inspired on what he did. Here's is his profile @y25sanchez . Nice solution bro!
š» I added some features š
- šØ Text Gradient on main heading.
- š„ Glassmorphism on card hover.
- šØ Custom background.
Feel free to leave any feedback.
Community feedback
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