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

Three column card preview challenge

Leonardo 30

@LeonCelestino

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! I just finished the challenge here provided, and now I am looking forward to the viewers feedbacks. I am sure this one I did really bad though

A thing which for sure was hard for me was element positioning. On the original design, you can see the card is far away from the paragraph when compared with the image, header and paragraphs gaps. I really think my approach to solve this problem without using min-height is not the correct way neither is it accessible. I don't really know though.

I am unsure about every part of my code, I think I did it really bad this time. If possible, I look forward to improve the accessibility and the responsiveness of my project, please.

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