Blog preview card using Flexbox

Community feedback

• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted 6 months ago

  Hello there 👋. Congratulations on successfully completing the challenge! 🎉

  • I have a suggestion regarding your code that I believe will be of great interest to you.

  ---

  ADDING HOVER STATE 🪄:

  • Looks like the component hover state with box-shadow has not been set yet. Your solution would be perfectly finished if you add this as a finishing touch!

  ---

  • Just add the following css rules

  .card {
    transition: box-shadow .3s;
  }
  .card:hover {
    box-shadow: 12px 13px 0px 1px black;
  }
  

  ---

  • Now your component's hover shadows has been set properly

  ---

  .

  I hope you find this helpful 😄 Above all, the solution you submitted is great !

  Happy coding!

  0