JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content" style="width: 50px; height: 200px; background: red;">
  abc
</div>

JavaScript

function responsiveDiv() {
  const container = document.querySelector('body');
  const content = document.querySelector('.content');
  const maxWidth = 200;

  const windowWidth = window.innerWidth;
  const margin = (windowWidth - maxWidth) / 2;

  container.style.marginLeft = margin + 'px';
  container.style.marginRight = margin + 'px';
}

window.addEventListener('resize', responsiveDiv);
responsiveDiv();