3 Column Preview Card Components using plain HTML, CSS & lil bit of JS

Solution by
Desktop design screenshot for the 3-column preview card component coding challenge
This is a solution for...

3-column preview card component

View Challenge

Design Comparison



  • 4Accessibility

  • 16HTML

View Report

mabrur's questions for the community

My 2nd challenge built with plain html and css. I sprinkled the icons with basic motion using css 🍨 and will be triggered (using JS) when the cursor hovers the card. Also works on mobile screen, but since there's no hovering state it will be triggered when you clicked the button. ✌

Slack logo

Join our Slack community

Join over 50,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!