3-column card component [BEM - Mobile First - CSS Grid & Flexbox]

----- Feedback Welcome -----

Specific Question to the Community:

Hi guys,

At the moment, the hover/focus is making the button background to be transparent, therefore matching the parent background. But I am wondering if there are other good or better options to achieve this effect.

Built with:

• Semantic HTML

• CSS3 Accessibility in mind

• Mobile first approach

• BEM naming

• CSS Reset and custom variables used

Most Wanted 📜

Any feedback to help me improve my solution or optimize the code!