JSFiddle - React, Tailwind, and code Playground

by BramVanroy

HTML

<div id="container">
    <div id="css">CSS div positioning</div>
    <div id="js">JS div positioning</div>
</div>

CSS

#container {
    max-width: 640px;
    min-width: 320px;
    border: 3px solid #ccc;
    margin: 20px auto;
    font: bold 18px/1.2 sans-serif;
    color: white;
}
#container > div {
    padding: 1em;
}
#css {
    margin: 20%;
    background: #FCBF79;
}

#js {
    background: #5885F9;
}

*, *:before, *:after {
    box-sizing: border-box;
}
}

JavaScript

function positionDiv() {
    var $cont = $("#container");
    $("#js").css("margin", $cont.width() * 0.2);
}

positionDiv();

$(window).resize(positionDiv);