Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

3-column preview card component

Gastón 100

@Tripineta

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This was a real challenge. Maybe I could have used grid, but I preferred to do it with flexbox. I ran into a problem when hovering over the buttons, as they increased in size. I solved it by using a solid inner shadow of white color. It also made it very difficult for me to place the button at the bottom of the card. I wanted to do it automatically, but using absolute position I had no choice but to write the distance to the bottom of the card.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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