JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grid">
    <div class="item1">a</div>
    <div class="item2">bbb bbb bbb</div>
</div>

CSS

.grid {
    border:solid;
    display:-ms-grid;
    float:left;
    font-size:20pt;
    -ms-grid-columns:auto auto;
    -ms-grid-rows:auto auto;
}
.item1 {
    background:#ff0;
    -ms-grid-column:1;
    -ms-grid-row:1;
}

.item2 {
    background:#bfb;
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    -ms-grid-row:2;
}