Lot of hard works but did it.

Community feedback

• 

  P

  Dave•5,295

  @dwhensonPosted almost 3 years ago

  Hey @Prabhat-kumar-1976 - Lovely job here! 🥳

  I can see that your image is getting a bit squashed. One super useful property to help with this is object-fit:cover if you add that to your image it should help. It's worth exploring that property a little as it's helped me loads when dealing with images.

  One other tip is to always wrap an img in a div or some other element if you want to make it a flex-child. Images seem to act strangely when they are direct children of an element with display: flex.

  Lastly, you can remove the flex setting from the image itself - this doesn't do anything as it only has an impact on an elements children, and and image doesn't have children! If you need so set an images display property, it is nearly always block, with max-width:100%; height: auto.

  Hope this helps a little and keep up the good work!

  Cheers 👋 Dave

  1

  ---

  

  Aayush Raj•120

  @Prabhat-kumar-1976Posted almost 3 years ago

  Dear @dwhenson , Thanks a lot for your helpful advice especially your object-fit:cover advice

  0