JSFiddle - React, Tailwind, and code Playground

by garretwilson

HTML

<div class="box">
  <section class="box concise">
    <div class="box">
      this is just for test
    </div>
  </section>
</div>

CSS

.box {
	display: flex;
	flex-wrap: wrap;
}

.box>* {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}

.box>.concise {
	flex-basis: auto;
	flex-grow: 0;
}

section {
  background-color: white;
  border: 1px solid black;
}