JSFiddle - React, Tailwind, and code Playground

by pukster

HTML

<!DOCTYPE html>
<html>
   <head>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
           
       </head>
<body onload='onLoad();'>
    <div id='A'>
        <div id='AA'></div>
        <div id='AB'></div>
    </div>
    <div id='B'></div></body>

CSS

html,body {
   width: 100%;
   min-width: 100%;
   height: 100%;
   min-height: 100%;
}

#A {
   background-color:blue;
   width: 100%;
   min-width: 100%;
   height: 50%;
   min-height: 50%;
}

#AA {
   background-color:green;
   width: 100%;
   min-width: 100%;
   height: 50%;
   min-height: 50%;
}

#AB {
   background-color:yellow;
   width: 100%;
   min-width: 100%;
   height: 50%;
   min-height: 50%;
}

#B {
   background-color:red;
   width: 100%;
   min-width: 100%;
   height: 50%;
   min-height: 50%;
}