3-column preview card built using HTML5, CSS3 with a CSS Grid layout

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



  • 0Accessibility

  • 0HTML

View Report

Anthony's questions for the community

I completed this using StackBlitz and worked to refine it throughout the day. However, checking it later on my personal laptop I noticed that the text overlapped quite heavily. I haven't checked yet, but I wondered if it may have been due to my OS default setup (new Ubuntu user here). If anyone is seeing any crazy overlap, I would very much appreciate you letting me know.

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!