JSFiddle - React, Tailwind, and code Playground

Date/Time with Flexbox for Reside V.3

by Jennifer Perrin

HTML

<div class="dateTime">
    <div class="dateTimeBox">1</div>
    <div class="dateTimeBox">2</div>
</div>

CSS

html, body {

}
body {
    margin: 10%;
}
.dateTime {
    width: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dateTimeBox {
    background-color: tomato;
    width: 50%;
    float: left;
    line-height: 20px;
    color: white;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
}