3-column preview card component

Hi Ali,

Awesome solution, really well done!

• I noticed the border-radius is not showing on one side of the design, you could add overflow: hidden; to .container to resolve this
• Your buttons are jumping slightly, this is because you're adding the border on hover. Try swapping it to before the hover to fix it
• I wondered if you considered switching the design to a column for the mobile view. You could use flex-direction: column; and a media query

You might find these resources useful:

• A Complete Guide to Flexbox - css tricks
• Learn Flexbox for free - Scrimba
• Responsive Web Design - freeCodeCamp

All the best!