JSFiddle - React, Tailwind, and code Playground

by xtreal

HTML

<div id="dis">
    <section id="ust">
        <h1>Sayfa Başlığımız</h1>
    </section>
    <section id="sol">
        <p>Sol Section Alanlı</p>
    </section>
    <section id="sag">
        <p>Sağ Section Alanlı</p>
    </section>
</div>

CSS

#dis{
    border:2px solid #000;
    border-radius:5px;
    height:150px;
}
section#ust{
    background:#000;
    color:#fff;
}
section#sol{
    background:#1e341b;
    color:#fff;
    width:50%;
    float:left;
}
section#sag{
    background:#b4bc2f;
    color:#0012ff;
    width:50%;
    float:left;
}