DEV Community

Dushyant Pathak
Dushyant Pathak

Posted on

Quick way to make an image responsive

Add the following to your image's style attribute.

<img style = "width: 100%; height: auto;" src = "some-image-source">
Enter fullscreen mode Exit fullscreen mode

If you want to set a max-width,

<img style = "width: 100%; height: auto; max-width: 200px;" src = "some-image-source">
Enter fullscreen mode Exit fullscreen mode

Cheers! Happy coding!

Discussion (0)