JSFiddle - React, Tailwind, and code Playground

by vlycser

HTML

<div class="wrap">
    <div class="main">
        Contenido
    </div><div class="medio">
        Medio
    </div><div class="lateral">
        Menu
    </div>
</div>

CSS

* {
  box-sizing: border-box;
}
.wrap{
    padding: 15px;
    background-color: pink;
    text-align: right;
}

.main, .lateral, .medio{
    display: inline-block;
    width: 200px;
    height: 200px;
    text-align: left;
}

.main{
    background-color: lightblue;
}
.lateral{
    background-color: lightyellow;
}
.medio{
    background-color: lightgreen;
}