JSFiddle - React, Tailwind, and code Playground

by pramendra

HTML

<div id="content" style="">dddd</div>

CSS

#content{
    background-color:red;
    width: 100px;
}

JavaScript

(function (window, undefined) {
    function UITransform() {
        $('#sidebar').remove();
        $('.uq-wrapper').css("min-width", 'auto');
        $('#content').width('100%');
        $('.transactional-content .buttons .button-container').css({
            'float': 'none',
                'text-align': 'center',
                'width': '100%'
        });
        $('.transactional-content .btn_red').css({
            'width': '344px'
        });
        $('.transactional-content #main').css("width", 'auto');
        $('head').append('<meta name="viewport" content="width=device-width, initial-scale=0.6, maximum-scale=1.0, user-scalable=0" />');
    }

    function getParameterByName(name) {
        name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
        var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
            results = regex.exec(location.search);
        return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
    }
    $(window).ready(function () {
        if (getParameterByName('test') === 'true') 
        {
            UITransform();
        }
    });
})(window);