Responsive gif image

Question

How can I make a gif image responsive to all devices with css and html?

Answer 1

LINK your code, if you want us to check on your code.

Position and size are different things.

Answer 2

img {
width: 90%;
}

instead of

img {
width: 500px;
}

Answer 3

use relative units instead of absolute units.

Answer 4

Great that you found a way to fix it!

Answer 5

Could you give me an example please Lisa

Answer 6

I have done that already and yet the gif picture I have won't stay in the middle underneath the header when you open the website on a phone but on a pc the website is perfectly fine

Answer 7

Lisa

Answer 8

Ok once I get home from work I will link my html code and css code Lisa

Answer 9

Thank you Lisa

Answer 10

I was able to fix it with this code
Img {
Width: 100%;
Max-width: 300px;
Display: block;
Margin: 0 auto;
}

@media only screen and (max-width: 600px) {
Img {
Padding-left: 0;
}
}

Answer 11

Thank you for you help Lisa