Three-Column-Preview-Card-Component

👾Hello Ghaffar, congratulations for your solution!

You did a good job on this challenge, the component seems great and super flexible. Its almost perfect there's only two minor changes.

I've some tips for you:

1.Use the media query a little later, look that when the media query changes the component flow vertically there's a big lateral gap, in design matters you component will look better if you let the media query change around the max-width: 500px; or let the column for the mobile version grows a little more to have many lateral space. See the code below:

2.Use rem over px for a better performance between different screen sizes and fix the errors generate on the solution report panel.

@media screen and (max-width: 520px)
.card {
    width: 520px;
}

Hope it helps, happy coding!