JSFiddle - React, Tailwind, and code Playground

by Corey Sanford

HTML

<body>
    <div id="contain">
        <div id="wizard">
            
        </div>
        <div id="main">
            
        </div>
    </div>
</body>

CSS

html, body {
    padding: 0;
    margin: 0;
    height: 100%;
}
#contain{
    position: relative;
    width: 100%;
    height: 100%;
}
#wizard{
    position: absolute;
    left: 5%;
    width:10%;
    height: 100%;
    background-color: black;
}
#main{
    position: absolute;
    height: 100%;
    left: 15%;
    width: 5%;
    
    border-style: dashed;
    border-color: red;
}