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 Card Component with HTML, CSS and JS

@guilhermerera

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


Hello community! This is my second challenge here and it was super fun to do. I know this challenge is just HTML and CSS, but I decided to try some JS style changes to practice a little bit and I think it worked out nice This was my first try with display: flex so I'm not sure if I did it right, tips and advice and general feedback are always welcome. Thanks in advance.

Happy coding, ppl.

Community feedback

Faris P 2,810

@FarisPalayi

Posted

Good job 👍 site is responding well to different screen sizes.

One small suggestion is that to add cursor: pointer to buttons to better indicate interactivity.

Have fun coding ✨

Marked as helpful

1

@guilhermerera

Posted

@FarisPalayi Glad it worked well! And thanks for the suggestion, I totaly forgot about the cursor. Just added.

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