JSFiddle - React, Tailwind, and code Playground

by WoJWoJ

HTML

<div class="clock">
  <span class="el">1</span>
  <span class="el">18</span>
</div>

CSS

.clock {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  align-items: center;
 width: 400px;
}

.el {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  font-size: 120px;
  background-color: black;
  color: white;
  font-family: sans-serif;
  font-weight: bolder;
}