<div class="conatiner">
  <div class="row">
    <div class="box"></div>
  </div>
</div>
body {
  background-color: #222;
}

.container {
  background-color: #84ac82;
}

.box {
  background-image: linear-gradient(-90deg, #eee, #FFF);
  width: 100%;
  height: 100px;
}
View Compiled

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap-grid.css

External JavaScript

This Pen doesn't use any external JavaScript resources.