JSFiddle - React, Tailwind, and code Playground

by pawangupta18

HTML

<div class="body">

<div class="header"></div>

</div>

CSS

*{
  padding:0px;
  margin:0px;
}
.header{
  height:150px;
  width:100%;
  background-color:#f0f0f0;
  position:relative;
}

.header::before{
  content:'';
  position:absolute;
  top:0px;
  left:-100px;
  height:100%;
  width:80%;
  background-color:#fff;
   transform: skew(-45deg, 0);
}