JSFiddle - React, Tailwind, and code Playground

by fellipe

HTML

<div class="box">
  <div class="col1">
    ...
  </div>
  <div class="col2">
    ...
  </div>
</div>

CSS

.box {
  border:1px solid #ccc;
  width: 900px;
  overflow:hidden;
}

/* coluna da esquerda */
.col1 {
  background-color: red;
  float: left;
  width: 300px;
}

/* coluna da direita */
.col2 {
  background-color: blue;
  width: 100%;
}