CSS transform translate function, Javascript async function

What are you most proud of, and what would you do differently next time?

Applying the Javacsript async function in retrieving data. Trying out CSS translate transorm function to center an element.

What challenges did you encounter, and how did you overcome them?

Centering the dice icon button on the div element. But I was able to check w3c for solution.

.icon { width: 40px; height: 40px; position: absolute; background-color: var(--Neon-Green); border-radius: 50%; transform: translate(-50%, -50%); bottom: -40px; left: 51%; cursor: pointer;

display: flex;
justify-content: center;
align-items: center;

}