Untitled

dabblet.css

body {
	margin:0; 
	padding: 0;
	font: 100%;
	min-height: 100%;
	}
	
	header, article, aside,
	footer, nav, lubberofzelda { float: left }
	
	h1 {
		font: 1.9em/1.4em sans-serif;
		margin-bottom: 10px;
		diaply: block;
		}
	
	p {
		font: 1em/1.5em sans-serif;
		margin: 0
		}

	header {
		height: 150px;
		width: 100%;
		background: rgba(0,0,0,.6)
		}
		
	section {
		display: block;
		clear: left;
		}
	
		aside {
			width: 20%;		
			text-align: center
			}
		
			lubberofzelda {
				width: 100%;
				}
	
		article {
			width: 540px;
			background: white;
			
			padding: 15px;
			padding-left: 30px;
			padding-bottom: 100px;
			box-sizing: border-box;
			}
		article > * {
			color: black;
			}
		
	footer {		
		/*height: 100px;*/
		width: 20%;
		background: rgba(0,0,0,.8);
		
		position: fixed;
		bottom: 0px;
		
		color: white
		}
		
		dang {
			height: 100px;
			width: 40px;
			background: rgba(255,255,255,.7);
			
			display: inline-block;
			}
		
	lubberofzelda, footer {
		text-align: center;
		font: 1.2em/100px arial black;
		}
	
	article, aside {
		height: 100%;
		}
		
	@media (max-width: 800px) {
		
		aside {
			width: 100%;
			}
			lubberofzelda {
				height: 80px;
				width: 30%;
			}
		article {
			width: 100%;
			}
		footer {
			position: relative;
			clear: both;
			width: 100%;
			}
	}
	
	@media (max-height: 400px) {
		lubberofzelda {
			width: 30%;
			}
		}
	
	
	
	
	
	
	

dabblet.html

<header></header>

<section>
	<nav></nav>
	
	<aside>
		<lubberofzelda>{1}</lubberofzelda>
		<lubberofzelda>{2}</lubberofzelda>
		<lubberofzelda>{3}</lubberofzelda>
	</aside> 
	
	<article>
		<h1>Hello World!</h1>
		<p>all work and no play makes jack a dull boy. 
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		all work and no play makes jack a dull boy.
		</p>
	</article>
</section>

<footer>
	<dang>1</dang>
	<dang>2</dang>
	<dang>3</dang>
</footer>

settings.json

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