JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col col-lg-12" class="contents-external-smaller">

</div>

CSS

.contents-external-smaller {

  float: left;
  width: 300%;
  height: 35%;
  background: #FFFFFF;
  margin: 0 0 0 20px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}