Old Film Countdown

Why won’t my numbers center?

Yeah, that’s all so cryptic. This CSS gets all the numbers to overlap in the center - what I think you’re trying to do here.

.number {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

.number div {
  position: absolute;
  left: center;
  top: center;
  font-size: 25em;
  font-weight: bold;

I think your absolute positioning on .number was screwing it up.

1 Like

Thank you! I got it figured out now!