JSFiddle - React, Tailwind, and code Playground

HTML

<div class="view" style="height:100%; width:100%">
    <div class="north">
        n
        <div>sdgffgs fgsgffgs fgskhgfsgh sgjsf  f sf gsf gsghsdfgsdgfs gshfgsgfs fhjfgsgfs gsdhfgfsgsd jdfsghdshsgdfjhfgf gsdg fgshfg sdfgsdjfhk</div>
    </div>
    
    <div class="middle">
        <div class="west">
            w
            <div>sdgffgs fgsgffgs fgskhgfsgh sgjsf  f sf gsf gsghsdfgsdgfs gshfgsgfs fhjfgsgfs gsdhfgfsgsd jdfsghdshsgdfjhfgf gsdg fgshfg sdfgsdjfhk</div>
        </div>
        
        <div class="centre">
            c
            <div>sdgffgs fgsgffgs fgskhgfsgh sgjsf f sf gsf gsghsdfgsdgfs gshfgsgfs fhjfgsgfs gsdhfgfsgsd jdfsghdshsgdfjhfgf gsdg fgshfg sdfgsdjfhksdgffgs fgsgffgs fgskhgfsgh sgjsf f sf gsf gsghsdfgsdgfs gshfgsgfs fhjfgsgfs gsdhfgfsgsd jdfsghdshsgdfjhfgf gsdg fgshfg sdfgsdjfhksdgffgs fgsgffgs fgskhgfsgh sgjsf f sf gsf gsghsdfgsdgfs gshfgsgfs fhjfgsgfs gsdhfgfsgsd jdfsghdshsgdfjhfgf gsdg fgshfg sdfgsdjfhksdgffgs fgsgffgs fgskhgfsgh sgjsf f sf gsf gsghsdfgsdgfs gshfgsgfs fhjfgsgfs gsdhfgfsgsd jdfsghdshsgdfjhfgf gsdg fgshfg sdfgsdjfhksdgffgs fgsgffgs fgskhgfsgh sgjsf f sf gsf gsghsdfgsdgfs gshfgsgfs fhjfgsgfs gsdhfgfsgsd jdfsghdshsgdfjhfgf gsdg fgshfg sdfgsdjfhksdgffgs fgsgffgs fgskhgfsgh sgjsf f sf gsf gsghsdfgsdgfs gshfgsgfs fhjfgsgfs gsdhfgfsgsd jdfsghdshsgdfjhfgf gsdg fgshfg sdfgsdjfhksdgffgs fgsgffgs fgskhgfsgh sgjsf f sf gsf gsghsdfgsdgfs gshfgsgfs fhjfgsgfs gsdhfgfsgsd jdfsghdshsgdfjhfgf gsdg fgshfg sdfgsdjfhksdgffgs fgsgffgs fgskhgfsgh sgjsf f sf gsf gsghsdfgsdgfs gshfgsgfs fhjfgsgfs gsdhfgfsgsd jdfsghdshsgdfjhfgf gsdg fgshfg sdfgsdjfhksdgffgs fgsgffgs fgskhgfsgh sgjsf f sf gsf gsghsdfgsdgfs gshfgsgfs fhjfgsgfs gsdhfgfsgsd jdfsghdshsgdfjhfgf gsdg fgshfg sdfgsdjfhksdgffgs fgsgffgs fgskhgfsgh sgjsf f sf gsf gsghsdfgsdgfs gshfgsgfs fhjfgsgfs gsdhfgfsgsd jdfsghdshsgdfjhfgf gsdg fgshfg sdfgsdjfhk</div>
        </div>
        
        <div class="east">
            e
            <div>ssdgffgs fgsgffgs fgskhgfsgh sgjsf  f sf gsf...

CSS

html, body {
    height : 100%;
    margin : 0;
}

.view,
.view > .middle {
    display : table;
}

.view > .north,
.view > .south {
    height : 1px;
    display : table-row;
}
.view > .north { vertical-align : top; }
.view > .south { vertical-align : bottom; }

.view > .middle > div {
    display : table-cell;
}
.view > .west,
.view > .east {
    width : 1px;
}

/*div { border : 1px solid black; }*/