JSFiddle - React, Tailwind, and code Playground

HTML

<section class="fullWidth">
      <div class="item01"></div>
      <div class="item02"></div>
      <div class="item03"></div>
      <div class="item04"></div>
      <div class="item05"></div>
</section>

CSS

.fullWidth {
     display: grid;
     grid-template: "it01 it02 it03 it04 it05";
     grid-template-rows:40px;
     grid-template-columns:40px 40px 40px 200px 40px;
     background: orange;
}

.item01 {
     grid-area:it01;
     background:lime;
}

.item02 {
     grid-area:it02;
     background:blue;
}

.item03 {
     grid-area:it03;
     background:red;
}

.item04 {
     grid-area:it04;
     background:yellow;
}

.item05 {
     grid-area:it05;
     background:tomato;
}