JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
<h1>Header</h1>
</div>

CSS

body {
  background: #eeb422;
}
.block {
  background: #d4cece;
  width: 450px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  border: grey 3px solid;
  transform: skewX(15deg);
}
.block h1 {
  transform: skewX(-15deg);
}