JSFiddle - React, Tailwind, and code Playground

by Chris LaFrombois

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<div class="wrapper">
  <div class="container-fluid">
    <div class="row">
      <div class="col-4 left">
        blah blah
      </div>
      <div class="col-8 right">
        <div class="row">
          <div class="col-4">
            babdfa
          </div>
          <div class="col-4">
            babdfa
          </div>
          <div class="col-4">
            babdfa
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

CSS

.container-fluid {
  max-width: 800px;
}

.wrapper {
  background: linear-gradient(90deg, rgba(0, 212, 255, 1) 50%, rgba(2, 0, 36, 1) 50%);
}

.right {
  background: rgba(2, 0, 36, 1);
}