title: full width, limited height image while maintaining aspect ratio
body: <p>I'm trying to recreate an image to look like the cover image <a href="http://www.fastcolabs.com/" rel="nofollow">here</a>. The image has to be the full width of the browser but still maintaining a certain fixed height. With all that, it must still maintain aspect ratio.</p>
  
  <p>Setting <code>width: 100%; height: auto;</code> makes the image full-width with the right aspect ratio. However, the height is off. If I set <code>width: 100%; max-height: 300px;</code>, the aspect ratio is lost.</p>
  
  <p>I'm sure it's possible (see link above) but I just can't figure out how to get this result. Would appreciate some pointers!</p>