Setting `img { max-width: 100%; }` by default and scale it to `150%` when viewpo...

sirn on June 28, 2012 | parent | context | favorite | on: Microsoft.com New Design Preview

Setting `img { max-width: 100%; }` by default and scale it to `150%` when viewport reach certain threshold (for mobile). For the former, it will beautifully scale to the containing div size, for the latter, you can set outer div to `overflow: hidden` and left/right side will be cut off giving the image a square-ish feel.

p0larboy on June 29, 2012 [–]

after scaling the max-width to 150%, they did a margin-left:-40% to center the image