Skip to content

DEV Community

CSS tips on Images you need to know

Fidal Mathew on January 01, 2022

Hi folks, hope you are doing good. In this blog I'm gonna share 5 properties to keep in mind while working with images - 1. Object-fit : cover - ...

Read full post

vladi160 • Jan 2 '22

The only required tip is max-width: 100%; for responsive

Negar Arianmehr • Jan 1 '22

Good properties for starting new year, thanks
Good luck 👍

Fidal Mathew • Jan 2 '22

Thank you! Good luck to you too! 😄

cb-retus • Jan 4 '22

The Dropshadow effect only works if your object is cut out clearly and has no "edges", so a PNG-24bit is recommend with a feathered cutout or sharp edges.

Fidal Mathew • Jan 4 '22

This info is worth mentioning, thanks for sharing :)

Ayush2008-21 • Jan 2 '22

Thanks for these tips! From now, I will use them in my projects❤️🔥

Fidal Mathew • Jan 2 '22

All the best Ayush! 👍😁

coderRohit1 • Jan 2 '22

Second one is amazing!

Fidal Mathew • Jan 2 '22

Glad you liked it :)

Harshad pk • Jan 2 '22

thanks for this

Fidal Mathew • Jan 2 '22

Glad you found it helpful 😄

Lars Rye Jeppesen • Jan 1 '22

Great, thanks. Happy new year

Fidal Mathew • Jan 2 '22

Glad you liked it! Happy new year :)

Oluwumi71 • Jan 2 '22

Thanks

Fidal Mathew • Jan 3 '22

Glad you liked it 😄

Fatih Şen • Jan 10 '22

Nice work :)

Fidal Mathew • Jan 10 '22

Thank you!😄

Enrique • Jan 1 '22

There're very useful, thanks! 😉

Fidal Mathew • Jan 2 '22

My pleasure! I'm glad you liked it 😁