3-column preview card component

To add to what was suggested, your media query is somewhat unnecessary, seeing as you followed a desktop-first approach to build the page.

Here's an example of how it should be (not actual px, so you should modify as it seems you know what you're doing).

@media screen and (min-width: 320px) and (max-width: 420px) { 
     .container { 
         margin: 100px auto 0 auto; 
         max-width: 500px; 
         display: flex; 
         flex-direction: column; 
         max-height: 60vh; 
     }

Hello Bharat, Nice work you have done, with few corrections you can make it perfect 🤩

Here are my suggestions: • Use a container that has the three cards and give the container a border radius to fit the design. • Load the correct font from the styles guide. • Align card elements to the left (as they are in the designs) • Buttons need to have more padding on the sides!