search

mddanishyusuf / dailyhack

🐱‍💻 Tiny Tiny Hacks we use in our daily life.
https://dailyhack.now.sh/
149 stars 15 forks source link

CSS hack for quickly resizing images for mobile devices #84

Open GraemeFulton opened 5 years ago

GraemeFulton commented 5 years ago

Use object-fit cover on your images for a quick way to resize images without ruining proportions...

@media (max-width: 540px) {
    img{
      max-height:200px;
      max-width:100%;
      object-fit:cover; 
    }
}

Here's a demo: https://twitter.com/graeme_fulton/status/1137409649857220608

mddanishyusuf commented 5 years ago

Thanks, @GraemeFulton for adding this cool tricks. I love this.