JSFiddle - React, Tailwind, and code Playground

HTML

<header>אני header</header>

<section>אני section</section><aside>אני sidebar</aside>
    
<footer>אני footer</footer>

CSS

body {
    direction: rtl;
    font-family: arial;
}

header {
    background: #FED;
}

footer {
    background: #BED;
}

section {
    display: inline-block;
    width: 70%;
    text-align: center;   
    margin: 0;
    padding: -5em;
    background: #DAD;

}

aside {
    display: inline-block;
    width: 30%;
    margin: 0;
    padding: -5em;
    text-align: center;
    background: #BAD;
}