JSFiddle - React, Tailwind, and code Playground

by kpowz

HTML

<section class="rwWindow">
    <div class="modal-header"></div>
    <div class="modal-body"></div>
    <div class="modal-footer"></div>
</section>

CSS

.modal-header{
   
    height: 5.5%;
    border-style: dotted;
    border-color:#ff0000;
}
.modal-footer{
  
    height: 7.5%;
    border-style: dotted;
    border-color:#ff0000;
}

.modal-body{

    height: 87%;
    border-style: dotted;
    border-color: #0000ff;
}

body{
    height: 100%;
}

html {
    height: 100%;
}
section {
    height: 100%;
    border-style:solid;
    border-color: black;
}