flex box cards

Community feedback

• 

  hardy•3,660

  @hardy333Posted about 3 years ago

  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.

  Marked as helpful

  3
• 

  Babajide Peter Oyafemi•200

  @Babajide777Posted about 3 years ago

  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

  Marked as helpful

  0