JSFiddle - React, Tailwind, and code Playground

by Browork

HTML

<!DOCTYPE html>
<html>
<head>





</head>
<body>

<div id="app">
	<div id="left">
    	Left
	</div>
    
    <div id="right">
    	Right
	</div>
</div>

</body>
</html>

CSS

#left {

  border: 1px solid #4CAF50;
  background-color:red;
   height:100%;
  width:100%;
  padding:30px
}


#right{
  border: 1px solid #4CAF50;
  background-color:green;
  height:100%;
  width:100%;
    padding:0px;
}


#app {
  background-color:blue;
    display: grid;
    grid-template-columns: 50% 50%;
    height: 100%;
    width: 100%;
}