JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<div class="d-flex flex-wrap m-2 gutter">
  <section class="flex-even col ml-1 mt-1 p-1 ">A</section>
  <section class="flex-even col mx-1 mt-1 p-1">B</section>
  <section class="flex-even full-row flex-grow-1 m-1 p-1">C</section>
</div>

CSS

.d-flex, section {
   border: solid 1px red;
 }
 .full-row{
   min-width:95%;
 }