JSFiddle - React, Tailwind, and code Playground

by Dennis Betman

HTML

<div id="container">
    
    <div class="text"></div>
    
</div>

CSS

body{
    margin: 0px;
}

#container{
    width:300px;
    height:500px;
    background: grey;
    margin: 0px auto;
}

.text{
    color:white;
}

JavaScript

$(document).ready(function() {
var window = $(document).width();
var container = $("#container").width();
var windowAfter = window - container;
var windowOnePiece = windowAfter / 2;

$(".text").text("the window is " + windowOnePiece);
    
});