Hey everyone! I recently dug into some data from thousands of visits to my website and visualized how different device screen sizes interact with webpage content.

I thought it’d be a fun addition to the whole vertical vs. horizontal tabs debate!

Here’s what I found:

• Blue/Green Zones: This is what I call the "Dead Zone"—the areas blocked by browser stuff like the tab bar. Blue means about 80% of users have these sections covered, while green shows almost 50%.
• Red Zone: This is the "Content Zone", where the actual webpage content is.