JSFiddle - React, Tailwind, and code Playground

by Derek Leung

HTML

<div class="container">
    <div class="card login">
        <div class="label">
            <p id="Title">Plex</p>
        </div>
        Lorem ipsum
    </div>
    <div class="card welcome">
        <div class="label">
            <p id="Title">Plex</p>
        </div>
        Lorem ipsum
    </div>
</div>

CSS

.container{
    display: flex;
    width: 300px;
}
.card {
    flex: 1 1 auto;
    border: 1px solid black;
}
.card > .label{
    text-align: center;
}
.card:not(:first-child){
    margin-left: 5px;
}