JSFiddle - React, Tailwind, and code Playground

by digitalextremist

HTML

<div class="ui-header"></div>
<div class="ui-page"></div>
<div class="ui-footer"></div>

JavaScript

$( document ).ready( function() {
    var w = window.innerWidth;
    var maxWidth = 300    
    if ( w > maxWidth ) {
        var margin = (w - maxWidth) / 2;
        $('.ui-page').css('margin-left', margin);
        var output = $('.ui-page').css('margin-left');
        $('.ui-footer').css('margin-left', margin);
        $('.ui-header').css('margin-left', margin);
        alert( output );
    }
});