JSFiddle - React, Tailwind, and code Playground

by Sukanya Halder

HTML

<div class='container'>
    <div class='container1'>
    a
</div>
    <div class='container2'>
    b
</div>
</div>

CSS

div{
    border:2px solid black;
    
    width:500px;
}
.container{
    display:ms-grid;
    -ms-grid-rows:1fr 1fr 1fr;
    -ms-grid-columns:1fr 1fr 1fr;
}
.container1{
    
    -ms-grid-row:2;
    -ms-grid-column:2;
    float:none;
    background:blue;
    -ms-wrap-flow:auto;
}
.container1{
    
    -ms-grid-row:1;
    -ms-grid-column:1;
   -ms-grid-row-span:3;
    -ms-grid-column-span:3;
}