The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

.grid {
	width: 100%;
	height: 300px;
	border: 1px solid red;
	background: radial-gradient(at 5px 5px, red 1px, red 5px, transparent 0),
				radial-gradient(at 45px 5px, red 1px, red 5px, transparent 0),
				radial-gradient(at 45px 45px, red 1px, red 5px, transparent 0),
				radial-gradient(at 5px 45px, red 1px, red 5px, transparent 0),
				linear-gradient(90deg, transparent 1px, transparent 5px, red 0, red 45px, transparent 0),
				linear-gradient(transparent 1px, transparent 5px, red 0, red 45px, transparent 0);
	background-size: 51px 50px; 
}

dabblet.html

<div class="grid"></div>

dabblet.js

// alert('Hello world!');

settings.json

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