JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="content">
    <section></section>
  </div>
</div>

CSS

.container { 
    background: red; 
    width: 800px;
    position: relative;
    left: 50%;
}

.content { 
    background: green; 
    width: 600px;
    height: 400px;
    margin: 0 auto;
}

JavaScript

var elWidth = (($('.container').width())/2)*-1;

$('.container').css('margin-left', elWidth);