flex box cards

Hi.

Very nice solution - good job.

For hover effects sometimes it is better to do some 5 minutes manual codding instead of thinking 1 hour about how to fine very clever solution. For this example you need to select all three button and then target their hover effect and write hover state properties - in in this case background-color property. You will need 3 selectors and 3 properties overall to write, that's it.

But as you mentions you can be clever and as you sad on hover state change background colors' opacity 0 that will be enough I thing. So overall in this case you need only one selector and one property...

It's good that you think about how to find shortcut way...

Good luck and have a nice day.

The way I did it was to make them inherit the background color of their parent. background-color: inherit; You can check my solution to understand better: https://www.frontendmentor.io/solutions/semantic-html5-markup-css3-flexbox-grid-fZ4rIBPVH