JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="A">text</div>
    <div id="B">text</div>
</div>

CSS

#container {
    border-color: blue;
    width: 100%;
    height: 100%;
}

#A {
    border-color: green;
    height: 200px;
    min-height: 200px;
    max-height: 200px;
}

#B {
    border-color: red;
    height: 100%;
    overflow: hidden;
}

#A, #B, #container {
    border-style: solid;
    border-size: 1px;   
}