JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<div id="header">
  <div class="children-justify" id="akciya"></div>
  <div class="children-justify" id="container">
    <div class="inner"></div>
  </div>

  <div class="children-justify" id="order_form"></div>
</div>

CSS

#header {
  text-align: justify;
}
#header:after {
  content: " ";
  display: inline-block;
  width: 100%;
}

.children-justify {
  display: inline-block;
  vertical-align: middle;
  height: 150px;
}

#akciya {
  width: 260px;
  background-color: #92DC61;
  height: 200px;
}

#container {
  background-color: #B68FD6;
}
  #container .inner{
    width: 196px;
    height: 150px;
  }

#order_form {
  background-color: #60A0E8;
  width: 300px;
  height: 200px;
}