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

NicolasBQ 190

@NicolasBQ

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


Any feedback is appreciated <3

Community feedback

Adrian H 420

@AdrianX19

Posted

Hi @NicolasBQ!

Congrats on completing the challenge! It looks amazing! :)

Just a few small suggestions:

  • your background is white which isn't the desired colour
  • to make a better user experience you can add transition to your buttons so the change after hovering is not immediate
  • I see you use margin top to position your cards but there are better ways, checkout this short video https://www.youtube.com/watch?v=njdJeu95p6s&ab_channel=Fireship
  • if you would like to git rid of accessibility issues I would try to change 'article' tag to 'main'

Marked as helpful

1
NicolasBQ 190

@NicolasBQ

Posted

Thanks for the suggestions Adrian! I will apply them to my solution.

I also check your solution, it's great!

I recommend you these videos to improve your skills:

https://www.youtube.com/watch?v=-GR52czEd-0&ab_channel=WebDevSimplified https://www.youtube.com/watch?v=N5wpD9Ov_To&ab_channel=KevinPowell https://www.youtube.com/watch?v=0ohtVzCSHqs&t=105s&ab_channel=KevinPowell

0

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