I have been working on a website and am running into a problem with it when viewed on a tablet.
Within a Div tag I have 2 images that are side by side - one floated left and the other right.
On a computer they look fine but when viewed on a tablet, depending on orientation, the right image will slide under the first but retain it's float:right attribute. The issue is that I need them to resize slightly to fit side by side.
<a href="link"><img style="float: left; max-width: 100%;" src="path/imageA.png" /></a>
<a href="link"><img style="float: right; max-width: 100%;" src="path/imageB.png" /></a>