JSFiddle - React, Tailwind, and code Playground

by chimos

HTML

<div id="container">
    <div id="content"></div>
    <div id="logo"></div>
</div>

CSS

html, body {
    margin:0;
    padding:0;
}
#content {
    background-color: lightblue;
    height: 200px;
    width: 100%;
    float: left;
}
#logo {
    background-color: green;
    width: 50px;
    /*unknown width*/
    height: 50px;
    float: right;
}

JavaScript

$(document).ready(function () {

        var logoWidth = $('#logo').width();
        var docWidth = $(document).width();
        $('#content').width(docWidth - logoWidth);

    });