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 Solution

@moeen-mahmud

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

ellienndea 130

@ellienndea

Posted

Hi Moeen, this looks really good despite some minor issues, I'd say, and the html and css is clearly written as far I can judge it being a newbie myself. ;) I did that challenge not long ago and got helpful feedback, which I want to pass on to you (some of it). :)

  1. The buttons in "normal" state should have a transparent border, so they dont move, when you hover on them.
  2. Giving the cards a max-width would prevent, that they stretch out too much.

Happy coding! 😊

Marked as helpful

2

@moeen-mahmud

Posted

@ellienndea many thanks for your valuable feedback and tips 😇😇

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