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 using scss

@Luis15Herr

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


Hey everyone! I've just completed this challenge.

Any feedback and suggestions on how I can improve are very welcome! Thanks!

Community feedback

hao pham 745

@jerry-the-kid

Posted

Well done. But in card-row try not using height, you can use padding top, bottom to card or margin bottom to element to create height. If you use height you can use min-height instead. At screen 790px in card-row, you can use flex-direction: column; align-items: center; to have mobile version and remove height. For learning you can see my solution. Sr for my bad at english. Well done anyway.

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