JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container-fluid">
  <div class="col-sm-3"><!-- _SearchLeftSide -->
    <ul>
      <li>filter 1</li>
      <li>filter 2</li>
      <li>filter 3</li>
    </ul>
  </div>
  <div class="col-sm-9"><!-- _SearchRightSide -->
    <ul>
      <li>result 1</li>
      <li>result 2</li>
      <li>result 3</li>
      <li>result 4</li>
      <li>result 5</li>
      <li>result 6</li>
      <li>result 7</li>
      <li>result 8</li>
      <li>result 9</li>
    </ul>
  </div>
</div>

CSS

.container-fluid{
  display:table;
  width:100%;
}
.container-fluid div{
  display:table-cell;
  vertical-align:top;
}
.col-sm-3{
  background-color:red;
  width:25%;
}
.col-sm-9{
  background-color:blue;
  width:74%;
}