JSFiddle - React, Tailwind, and code Playground

by Christopher O

CSS

body{background-color:#ececec;opacity:1;background:radial-gradient(circle,transparent 20%,#ececec 20%,#ececec 80%,transparent 80%,transparent),radial-gradient(circle,transparent 20%,#ececec 20%,#ececec 80%,transparent 80%,transparent) 45px 45px,linear-gradient(#e3e3e3 3.6px,transparent 3.6px) 0 -1.8px,linear-gradient(90deg,#e3e3e3 3.6px,#ececec 3.6px) -1.8px 0;background-size:90px 90px,90px 90px,45px 45px,45px 45px;}p{background-color:#fff;margin:20px;padding:15px;font-family:Helvetica}

JavaScript

for (let i = 20 - 1; i >= 0; i--) {
	p=document.createElement('p');
	for (let ii = Math.floor(Math.random() * (100 - 20 + 1) + 20)+1; ii >= 0; ii--) {
		p.innerHTML+=' This is a demo.';
	}
	document.body.appendChild(p);
}