JSFiddle - React, Tailwind, and code Playground

by Ishan Khare

HTML

<div id = "container">
    <div id="original" class="borders">
        timer data
    </div>
    <div id = "new" class = "borders">
        <div id = "title" class = "borders">
            timer title
        </div>
        <div id = "timer" class = "borders">
            timer data
        </div>
    </div>
</div>

CSS

.borders {
    border-width : 2px;
    border-style : solid;
    border-color : lightblue;
    width : 40%;
    padding : 5px;
}
#original {
    position : absolute;
    height : 90%;
}

#container {
    padding : 5px;
}

#new {
    position : absolute;
    height : 90%;
    right : 5%;
}

#title,#timer {
    width : 90%;
    margin-top : 5px;
}