Height is often overlooked in responsive design. On mobile, pages can get pretty long. Should we address this?
When designing responsive sites, we tend to focus a lot on keeping content nicely formatted within all the various screen widths in the world today. This makes sense given that horizontal scrolling is not particularly user-friendly, so constraining the design to the browser’s viewport width is generally a given.
On smaller screens, stacking things into a single column is the go-to move and often, as long as the content stays within the proper width, further thought isn’t given to the height of the page. As a result, I’ve noticed that in my own designs and many out in the wild, mobile page lengths tend to be quite long. This post is a suggestion to at least keep the height of the browser’s viewport in mind as you’re designing responsive sites.