VH Workaround

A workaround to using 100vh because of its cross-browser issues. This uses 100% height on html and body elements. Note that it causes the extra content to sit outside the html element.

Concept from google.com/ideas

		html {
		  border: 2px solid red;
		  height: 100%;
		}

		body {
		  height: 100%;
		}

		.fullscreen {
		  background-color: rgb(240, 240, 240);
		  height: 100%;
		}

		.extra-content {
		  height: 100px; /* can be any height */
		  background-color: cornflowerblue;
		}