Vertical Media Queries In Use

Responsive design has become a huge part of how the web handles different size devices and viewports. Mostly, responsive site only pay attention to the width of the viewport and scale or rearrange content accordingly. Since most sites scroll along the y-axis, the height of the vewport is usually of little consequence. However, when building Code Carpenter I stumbled upon a use for that rarest of css birds: the vertical media query!