JSFiddle - React, Tailwind, and code Playground

by Kirubel Girma

HTML

<div class="mainpg">
  <div class="mainsc">
    <div class="bsub">
      <h1>BINDEXT</h1>
      <p>A cognitive marketing index for emerging social media networks
      </p>
    </div>
    <dib class="bchrt"></dib>
  </div>
</div>

CSS

body {
  margin: 0em;
  height: 100%;
  width: 100%;
  display: table;
  position: absolute;
  font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

.mainpg {
  height: 100%;
  width: 100%;
}

.mainsc {
  width: 55%;
  height: 100%;
  display: table;
}

.bsub {
  padding: 0em 0em 12em 7em;
  display: table-cell;
  vertical-align: middle;
  background-color: white;
}