JSFiddle - React, Tailwind, and code Playground

by jimousse

HTML

<div class="one">
	<button class="two">
		<span class="three">
			Hello
		</span>
	</button>
</div>

CSS

.one {
      height: 300px;
      border: 1px solid black;
    }

    .two {
      height: 100%;
      width: 100%;
      background: red;
      display: flex;
      flex-direction: column;
}

    .three {
      flex-grow: 1;
      background: yellow;
    }