JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<div class='grid container'>
  <div class='grid item left'>
  
  </div>
  
  <div class='grid item right'>
  
  </div>
</div>

SCSS

.grid {
  border: 1px dashed #ddd;
  padding: 3px;
  min-height: 100px;
}

.container {
  display: flex;
}

.item {
  &.left {
    width: 70%;
  }
  &.right {
    width: 30%;
  }
}