JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container_m">
    <div class="red">
        <p>My name is Barnabas</p>
    </div>
    
    <div class="yellow">
        <p>Till salu</p>
    </div>
    
    <div class="green">
        <p>Senaste nytt</p>
    </div>
</div>

CSS

#container_m
{
    position: absolute;
    height: 40%;
    width: 60%;
    left: 20%;
    top: 45%;
    background-color:rgba(0,0,0,0.2);
    
}

#container_m div
{
    height: 100%;
    width: 33.33%;
    float: left;
}

.red
{
    background-color: red;
}
.green
{
    background-color: green;
}

.yellow
{
    background-color: yellow;
}