JSFiddle - React, Tailwind, and code Playground

by Owen Hartley

HTML

<svg viewBox="0 0 16 16" width="1536" height="1536" xmlns="http://www.w3.org/2000/svg">
	<defs>
		<pattern id="grid" viewbox="0 0 32 32" width="1" height="1" patternUnits="userSpaceOnUse">
			<rect stroke="#DFDFDF" width="32" height="32" stroke-width="2" fill="none" />
		</pattern>
	</defs>
	<rect width="100%" height="100%" fill="url(#grid)" />
	<circle cx="6" cy="6" r="4" stroke="black" stroke-width="2" fill="none" opacity="0.3" />
	<line x1="14" y1="14" x2="9" y2="9" stroke="black" stroke-width="2" stroke-linecap="round" opacity="0.3" />
</svg>

CSS

body {
	margin: 0;
}