Time for action—a media query for smartphones in landscape mode

Now, we need to add another pair of media queries below the first one we have added—the comments state which orientation each applies to:

/*smartphones in landscape mode*/
@media screen and (max-width: 480px) {
}
/*smartphones in portrait mode*/
@media screen and (max-width: 320px) {
}

That gives us somewhere to add some styling specific to those devices, and as there are quite a few changes to be made, we'll save that for the next chapter.