JSFiddle - React, Tailwind, and code Playground

by b_g_v

HTML

<table cellpadding="0" cellspacing="0" style="height:100%; width:300px; border: solid 1px red;">
 <tr>
   <td style="height:60px; border: solid 1px red;">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>
   <td style="border: solid 1px red;">
     <div style="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>
       
     </div>
   </td>
 </tr>
</table>

CSS

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