Images Size (and maybe Bootstrap?)

Hi,

I had a weird problem today. When I woke up this morning, the images in the articles on my site had shrunk down to postage stamp size. I had not changed anything since yesterday.

I tracked it down to a line in the Bootstrap.css file in the template -- starting at line 50, it has:
I changed the max-width to auto, and everything worked again. But, since I don't really know what I'm messing with there, or what effect it might have elsewhere on the site, I'd love to know what happened and why it spontaneously changed overnight. Any ideas?

Thanks,
Matt

Hi
this is strange
Could you give me your url to check this
CEd

Wow, you are fast!

The page I noticed it on is here:

www.nuevaschool.org/academics/upper-school/physical-education

It is fixed now, but all the pics on the right were tiny this morning.

Thanks,

Matt

strange. I tried with Firebug and the max-width:100% has no bad effect on the images

I have to go now, contact me again in 5 hours or tomorrow to make a test

Yes, it was fine in Firefox, but had the problem in Safari and Chrome. Sorry, I should have mentioned that.

Thanks,
Matt

Sorry, I should have mentioned that.

hum... yes

I see now the problem. This is because your elements are in a table, this is not made to be responsive.

I think that your problem were allways there

"max-width:auto" does not exists, this is not a correct css property. This is like if you had removed this line