JSFiddle - React, Tailwind, and code Playground

by Turi S

HTML

<div class="flex">
  <div class="choice">
    <div style="background: red; width: 100px; height: 50px"></div>
  </div>
  <div class="choice">
    <div style="background: blue; width: 150px; height: 90px"></div>
  </div>
</div>

CSS

* { box-sizing: border-box; 
}
.flex {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}

.choice {
  border: 1px solid black;
  flex-basis: 50%;
  flex-grow: 1;
  
  display: flex;
  align-items: center;
  justify-content: center;
}