title: 2-column CSS responsive layout with a responsive image
body: <p>I've looked through as many posts on this subject that I can find, but none of them solve this puzzle.  Is it possible to have a left column with text and a right column with an image that will flow into a single column when resized, with the an auto resizing image?</p>
  
  <p>Using a max-width of 100% on img will make the image responsive and auto-resize. However, the auto-resize doesn't work in a table or with a percentage or a float applied to the div around it.  So any CSS 2 column layout that contains either a float, or a percentage to the image will defeat the image resizing.</p>
  
  <p>Other than using a grid, does anyone have a solution for this?</p>