JSFiddle - React, Tailwind, and code Playground

by mgobe

HTML

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

CSS

.parent {
  position: relative;
  border: 2px solid red;
  padding: 50px 0;
  width: calc(100vw - 80px);
  margin: 0 auto;
}

.child {
  display: block;
  padding: 20px;
  border: 1px dotted black;
  transform: translateX(-20px);
  width: 100vw;
}