JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
     <title>Test</title>
    <style type="text/css" media="screen">
        html, body { background: url(http://www.gamereactor.de/lay/bg.jpg); }
        .wrap { 
            width:80%;
            margin:20px auto ;
             }

        .d1 { 
            width: 320px; 
            float: left; 
            }
        .d2 { 
            margin-left: 340px; 
            }    
            
        .d2, .d1 { 
            background: #eee; 
            min-height:320px 
            }
    </style>
</head>
<body>
    <div class="wrap">
        <div class="d1"></div>
        <div class="d2"></div>
    </div>
</body>
</html>