.main { width: 100%; /* percentage fixes the X axis white space when zoom out */ height: 100vh; /* this is still an issue where you see white space when zoom out in the Y axis */ overflow: scroll; /* needed for safari to show the x axis scrollbar */ }

https://jsfiddle.net/uy390v8t/1/