JSFiddle - React, Tailwind, and code Playground

by sinju

HTML

<div class="wrapper">
<div class="corner">Contents Here</div>
<div class="contents">Contents Here</div>
</div>

CSS

.wrapper {
   
    padding: 30px;
 
}
.corner {
    width: 200px;
    height: 0px;
    border-bottom: 40px solid #f00;
    border-left: 40px solid transparent;
}
.contents {
    width: 240px;
    height: 240px;
    background:#f00;

}