JSFiddle - React, Tailwind, and code Playground

by Naeel Maqsudov

HTML

<!--Фиксированный без широких строк-->
<table id="layout">
    <tr id="head">
        <td colspan="3">qwerqw
    <tr class="contentrow">
        <td rowspan="3" id="vmenu">Меню
        <td>Новости
        <td rowspan="2" class="banners">Банеры1
    <tr class="contentrow">
        <td>Продукты
    <tr class="contentrow">
        <td>Акции<td class="banners">Банеры2
    <tr id="foot">
        <td colspan="3">qwerqw
</table>

CSS

table,td,th{
    border: 1px solid black;
    
}
body{
    background-color: #777;
}

#layout{
    margin: 0 auto;
    background-color: #fff;
    width: 400px;
}

#head,#foot{
    background-color: #000;
    color: #fff;
}

#head{
    
}
.contentrow{
    vertical-align:top;
}
#foot{
    
}

#vmenu{
    width: 55px;    
}
.banners{
    width: 140px;    
}