JSFiddle - React, Tailwind, and code Playground

HTML

<div class="timer-row">
	<div class="base tsttwo">37</div>
	<div class="base tstcls">37</div>
    <div class="base tsttwo">37</div>
    <div class="base tsttwo">37</div>
	<div class="base tstcls">37</div>
    <div class="base tstcls">37</div>
</div>

CSS

.timer-row {
	font-size: 0;
    background: black;
}
.base {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    vertical-align:top;
}
.tstcls {
    font-size: 40px;
    background: blue;
}
.tsttwo {
    font-size: 20px;
    background: red;
}