JSFiddle - React, Tailwind, and code Playground

by gandjyar

HTML

<div class="parent">
  <div class="other-child">
    Only used for stretching the parent
  </div>
  <div class="child"></div>
</div>

CSS

.parent {
  background: red;
  padding: 10px;
  display:flex;  
  flex-direction: row;
  flex-wrap: wrap;

}

.other-child {
  width: 100%;
  background: yellow;
  padding: .5rem;
  display
}

.child {  
  width: 100%;
  background: blue;
}