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

Pierre 500

@pBaptiste

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

Community feedback

P
Abbas Sher 440

@Abbassher55

Posted

Hi Pierre, your efforts are commendable.

However I've noticed that while hovering on Learn more, it appears that the size increases, which doesn't match the active state of the design, as both the active and inactive states have the same sizes. One solution is to add a white border in the inactive state so that in both states, they will have the same sizes.

Marked as helpful

1

Pierre 500

@pBaptiste

Posted

Hi Abbas, thank you for looking at my solution and pointing that out. I added the border to the inactive state as you suggested and it fixed the size issue, thank you! @Abbassher55

1

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