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-main

VtreV 70

@vtrev05

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


Although I know that with flexbox it would have been easier and it would have had a more similar design to the example, I decided to do it with bootstrap for practice. What I did with the overflow of the p elements was include a custom sidebar so that the height of the group would not be altered too much. As it's done with bootstrap, the cards have by default a top and bottom margin. I tried to remove it but couldn't, so if anyone knows how please tell me.

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