Why is my mystery treat card staying completely off center?
.treat-stage {
display: flex;
width: 100vw;
height: 100vh;
align-items: center;
text-align: center;
background: #2b1055;
}
.mystery-card {
width: 220px;
padding: 24px;
border-radius: 16px;
background: #ff5e7e;
color: #ffffff;
}
Reply with what is broken and how you would fix it.
