JSFiddle - React, Tailwind, and code Playground

by b_g_v

HTML

<div style="height:100%; display: block; border: 2px solid blue;" >

<table cellpadding="0" cellspacing="0" style="height:100%; width:300px; border: solid 1px red;">
 <tr>
   <td style="height:1%; border: solid 1px red;">60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title 60px Title Title Title Title </td>
 </tr>
 <tr>
   <td style="height:260px; border: solid 1px red;">260px Gallery</td>
 </tr>
 <tr>
   <td style="height:160px;border: solid 1px red;">160px Fields</td>
 </tr>
 <tr style="border: solid 1px orange;">
   <td style="border: solid 1px green;">
     <div style="display:block; height:100%; overflow: scroll;">
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest - articles...</span>
     <span>Rest -...

CSS

html, body{
      height: 100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
   }
span{
  display: block;
}