JSFiddle - React, Tailwind, and code Playground

HTML

<!-- что происходит -->
<!-- .ishak - скрываем(visibility: hidden),
.child - показываем(visibility: visible) -->
<!-- в IE не работает сцуко, опять Карл! -->
<div class="ishak">
    <div class="child">
        child
    </div>
</div>

CSS

.ishak{
  background-color: dodgerblue;
  height: 123px;
  width: 123px;
  outline: 1px solid blue;
  visibility: hidden;
}
.ishak .child{
  background-color: #fff;
  margin: 2em auto 0;
  height: 30px;
  width: 60px;
  visibility: visible;
}