Skip to content
Submitted about 2 years ago

3 column preview card component using Flexbox

Manu Jayakumar•70
@manujayakumar
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello Frontend Mentor community!....

I have a completed another small project and this is my solution for the 3 column preview card component. I have complete this project using flex-flow property.

Feel free to leave any feedback!

Community feedback

  • Harsh Kumar•1,390
    @thisisharsh7Posted about 2 years ago

    Hey Manu Jayakumar's, well done! Your solution looks nice. It is appreciable the way you use flex property and grid to get the design easily. But there is an improvement which could be made, instead of using max-width: 23.5rem or max-width:60rem to the main you can use percentage width to the main so that width adjust automatically at lower screen sizes. Also when the maximum width of the card is already set like here you did max-width:20rem then width of the parent container can be ignored.

    Hope this added some points to your solution, happy coding✌️..

    1

Please log in to post a comment

Log in with GitHub

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