Untitled

dabblet.css

*{
	--footer-height: 30px;
}

#container {
	height: calc(100vh - var(--footer-height));
}

footer {
	height: var(--footer-height);
}


#container {
	background-color: skyblue;
	margin: 0;
	padding: 0;	
}

footer {
	background-color: grey;
	line-height: 30px
}

h1 {
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
}

dabblet.html

<div id="container">
	<h1>Hello World!</h1>
</div>
<footer>Imprint</footer>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}