JSFiddle - React, Tailwind, and code Playground

by Kawaljit Singh

HTML

<div class="flex-container">
    <div class="widget-box">
        <div class="head">
             head
        </div>
        <div class="body">
             body
        </div>
    </div>

    <div class="widget-box">
        <div class="head">
            head
        </div>
        <div class="body">
            body
        </div>
    </div>
</div>

CSS

.flex-container {
  width: 500px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.widget-box {
  width: 200px;
}
.head {
  background: red;
}