JSFiddle - React, Tailwind, and code Playground

by vinishanto

HTML

<div class="outer__grid">
  <div class="content__one">
    
  </div>
    <div class="content__two">
    
  </div>
</div>

CSS

.outer__grid {
  display: flex;
  grid-template-rows: 200px;
  grid-template-columns: 1fr 250px;
}

.content__one {
  width: 100%;
  margin-right: 40px;
  overflow: scroll;
  background-color: red;
  max-width: 40px;
}

.content__two {
  width: 40px;
  background-color: blue;
}