JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="q1">

</div>
<div class="q2">

</div>
<div class="q3">

</div>
</div>

CSS

.container {
  width: 280px;
  height: 280px;
  background-color: gold;
  padding: 10px;
}

.container:after {
  content: "";
  display: table;
  clear: both;
}
.q1 {
  float: left;
  width: 135px;
  height: 280px;
  background-color: #111;
  margin-right: 10px;
}

.q2 {
  float: left;
  width: 135px;
  height: 135px;
  background-color: #222;
  margin-bottom: 10px;
}

.q3 {
  float: left;
  width: 135px;
  height: 135px;
  background-color: #333;
}