JSFiddle - React, Tailwind, and code Playground

by Reid Horton

HTML

<section>
  <div id="main">
    <div id="sub1"></div>
    <div id="sub2"></div>
  </div>
</section>

CSS

section {
  position: relative;
}

#main {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid green;
}

#sub1 {
  width: 100px;
  height: 100px;
  background-color: red;
}

#sub2 {
  width: 100px;
  height: 100px;
  background-color: blue;
  margin: -20px 0 0 80px;
}