JSFiddle - React, Tailwind, and code Playground

by Konstantin Rouda

HTML

<section class="c-container">
  <div class="c-container__item">I item that positioned below my container</div>
</section>

CSS

* {
 box-sizing: border-box;
 font-size: 100%;
}

.c-container {
  position: relative;
  width: 500px;
  height: 500px;
  border: 2px solid firebrick;
  background: red;
  /* z-index: 0; */
}

.c-container__item {
  position: absolute;
  left: 350px;
  width: 300px;
  height: 300px;
  background: cornflowerblue;
  z-index: -1;
}