JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="example">
  <div class="example1"></div>
  <div class="example2"></div>
</div>
</body>

CSS

html
{
  width: 100%;
  height: 100%;
}
body
{
  width: 100%;
  height: 100%;
}
.example
{
  width: 70%;
  margin: 0px auto;
}

.example1
{
  width: 69%;
  height: 600px;
  float: left;
  background: lightblue;
  display: inline-block;
  margin-right: 1%;
}
.example2
{
  width: 29%;
  height: 600px;
  float: right;
  background: tomato;
  display: inline-block;
  margin-left: 1%;
}