Mobile first design using tailwind CSS framework

Hi, nice solution!

I'm not familiar with tailwind but you can add this custom css to your body to center your card in the center vertically and horizontally.

display: grid;
place-items: center;
min-height: 100vh;

Also you can give your "clock" image the same value for width and height to have a full circle

p.e.

.counting img{
   width: 17px;
   height: 17px;
}

and to center it vertically you can use align-items: center on the parent

.counting{
   align-items: center;
}

I hope this helped.

Keep coding and having fun doing it🥰