JSFiddle - React, Tailwind, and code Playground

by bogdan_vq

HTML

<div class="parent">
    <div class="child child-one"> </div>
    <div class="child child-two"> </div>
    <div class="child child-tree"> </div>
    <div class="child child-four"> </div>
</div>

CSS

.parent {
  width: 100%;
  height: 100px;
}

.child {
  height: 100%;
}

.child-one {
  width: 10%;
  background-color: green;
}

.child-two {
  width: 40%;
  background-color: blue;
}

.child-tree {
  width: 30%;
  background-color: red;
}

.child-four {
  width: 15%;
  background-color: orange;
}