DEV Community

Dushyant Pathak
Dushyant Pathak

Posted on

2 2

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!

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs