Waarom zo moeilijk?

dabblet.css

/**
 * Waarom zo moeilijk?
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;

dabblet.html

<header>
	<h1>Kop van de pagina (24 px)</h1>
    <p>Een subkop (18px)</p>
</header>
<article>
	<h1>Kop van een artikel (20px)</h1>
    <p>Dit is een paragraaf van het hoofdartikel en de font-grootte is 14 pixels (bij standaard browserinstellingen)</p>
    <ul>
    	<li>een list item</li>
    	<li>In een artikel is natuurlijk ook</li>
    	<li>is 14px</li>
    </ul>
</article>
<aside>
	<article>
		<h1>Kop in een aside (16px)</h1>
    	<p>Tekst in een aside (12px)</p>
    	<ul>
    		<li>Ook een list item</li>
    		<li>In een aside is</li>
    		<li>is 12px</li>
    	</ul>
    </article>
</aside>

settings.json

{"view":"split","prefixfree":"1","page":"html"}