Wow Colin, life saver! SO much love!

You’re awesome Colin, this solved the exact problem that I was having.

I came to this article with the same this exact problem and found the solution in your comment. Thanks!

I’m trying to use flex box to fix footer at the bottom of viewport when page is smaller when a viewport. And with Colin’s advise nothing doesn’t work too. I was set body styles to

body {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-flex-direction: column;
-webkit-box-orient: vertical;
display: flex;
flex-direction: column;
min-height: 100vh;
}

and main container to

.cont {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}

Safari was amaze me.

Anyone know how to fix this?

Sorry, nope, did not work in Chrome after all..

Really really thank you Colin :D