JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
	#one {
		width: 550px;
		height: 480px;
		border: 3px solid #010101;
		display: inline-block;
		float: left;
		}

	#two {
		width: 274px;
		height: 239px;
		position: relative;
		background: #008102;
		border: 1px solid #010101;
	}	
	
	#three {
		width: 274px;
		height: 239px;
		position: relative;
		background: #FFFFFF;
		border: 1px solid #010101;
		bottom: 242px; 
		left: 274px;
	}	
	
	#four {
		width: 274px;
		height: 239px;
		position: relative;
		background: #010101;
		border: 1px solid #010101;
		bottom: 242px; 
	}	
	
    #five {
		width: 274px;
		height: 239px;
		position: relative;
		background: #A62A2A;
		border: 1px solid #010101; 
		bottom: 484px; 
		left: 274px;
	}	
	
	#six {
		width: 1026px;
		height: 476px;
		border: 3px solid #010101; 
		display: block;
	}
	
	
</style>
<title>lesson_6_2</title>
</head>
<body>
<div id="one" >
	<div id="two"></div>
	<div id="three"></div>
	<div id="four"></div>
	<div id ="five"></div>
<div/>
<div id="six">
<div></div>
</div>
</body>
<html>