JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
TEST
</div>
<div class="test">
TEST
</div>

<table class="test">
  <tr>
    <td class="">
      TEST
    </td>
  </tr>
</table>
<table class="test">
  <tr>
    <td class="">
      TEST
    </td>
  </tr>
</table>

CSS

.test{
  display:inline-block;
    min-width:240px;
    width:50%;
    max-width:100%;
    min-width:calc(50%);
    width:calc(480px * 480 — 100% * 480);
    background:#ff0000;
}

JavaScript

$(document).ready(function(){
 
  
 
});