JSFiddle - React, Tailwind, and code Playground

CSS

* {
	margin:0;
	padding:0;
	-moz-box-sizing: border-box; /* Для Firefox */
	-webkit-box-sizing: border-box; /* Для Safari и Chrome */
	box-sizing: border-box; /* Для IE и Opera */
}

html {
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	background:#96bcd2;

}
.field{
	width: 500px;
	height: 500px;
	background:#94e19b;
		overflow:hidden;
vertical-align:top;
    line-height:10px;
}
.inField{
display:inline-block;
	vertical-align:top;
	width: 10px;
	height: 10px;
	background:#dffa61;
}

JavaScript

$(document).ready(function(){
	$('body').append('<div class = "field"></div>');
	clone = $('<div class = "inField"></div>');
	for(i=1;i<=501;i++){
		$('<div class = "inField"></div>').appendTo('.field');
	}

})