Making Your Website Look Great Across Multiple Devices - CSS3 Foundations - page 279

Figure 16-9 The product showcase when viewed in landscape.
I personally like the slightly abstract nature of the image in this way and am happy to have it stay like that. If you
want to change it, you could add another media query that targets mobile devices only when in landscape orientation,
like so:
/* Mobile (landscape)*/
@media only screen and (max-device-width: 480px) and (orientation: landscape) {
.showcase img {
margin-left: -25%;
width: 150%;
}
}