JSFiddle - React, Tailwind, and code Playground

by ThiefMaster

HTML

<div style="position: absolute; left: 50px; top: 150px; z-index: 2;" id="container1">
    <div class="exclusivePopup">
        You're not allowed to book this room. Do you want to view the room details to find out how to contact the room's owner?
    </div>
</div>

<div style="position: absolute; left: 50px; top: 50px; z-index: 2;">
    <div class="exclusivePopupFixed">
        You're not allowed to book this room. Do you want to view the room details to find out how to contact the room's owner?
    </div>
</div>

CSS

div.exclusivePopup {
    border: 1px solid #0a0;
    position: absolute;
}

div.exclusivePopupFixed {
    border: 1px solid black;
    position: fixed;
}

JavaScript

var c = $('#container1');
c.width($(window).width() - parseInt(c.css('left'), 10));