JSFiddle - React, Tailwind, and code Playground

HTML

<div class="top">top menu</div>
<div class="cont">içerik</div>
<div class="footer">footer lnkler</div>

CSS

.cont
{
    float:left;
    width:400px;
    height:400px;
    border: 1px Solid Black;
    margin:10px;
}
.top
{
    float:left;
    width:400px;
    height:200px;
    margin:10px;
    border: 1px Solid Black
}
.footer
{
    float:left;
    height:200px;
    width:400px;
    margin:10px;
    border: 1px Solid Black
}