JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1" width="100%">
    <tr>
        <td class="td_sholder_header">1</td>
        <td class="td_main_header">1</td>
        <td class="td_sholder_header">1</td>
    </tr>
</table>

CSS

@media screen and (min-width: 600px) {
    .td_sholder_header {
        width:50%;
    }
    .td_main_header {
        width:600px;
    }
}
@media screen and (max-width: 600px) {
    .td_sholder_header {
        width:0;
    }
    .td_main_header {
        width:100%;
    }
}