HTML and CSS Reference
In-Depth Information
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%;
Search WWH ::

Custom Search