JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
  <div class="child"></div>
</div>

CSS

.parent{
  max-width: 200px;
  height: 100vh;
  margin: 0 auto;
  background: #ccc;
  padding: 50px 0;
}

.child{
  width: 100vw;
  height: 100px;
  background-color: #000;
  transform: translateX(-50%);
  position: relative; left: 50%;
}