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

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 );
}