Responsiveness with css, flex box, color gradient and hover effect

Community feedback

• 

  P

  visualdennis•8,375

  @visualdennissPosted over 1 year ago

  Great work! Your solution looks quite good overall.

  Here few suggestions to improve it further: you can add object-fit:cover; as in some screen-sizes, such as 500px, the image gets distorted due to width/height aspect ration. E.g.

  .image-container img { width: 100%; height: 290px; object-fit: cover; border-radius: 10px; }

  Additionally, you could add a transition: all .4s ease; to you overlay for a smoother transition.

  Hope you find this feedback helpful!

  Marked as helpful

  0

  ---

  

  Chinaza•130

  @chinaza-SommiePosted over 1 year ago

  @visualdenniss Thank you so much for your feedback. I really find it helpful. I will include them. Once again, thank you.

  1