👩‍💻 3 способа разместить элемент по центру:
✔️ С помощью flex:

.center-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

✔️ С помощью grid:

.center-grid {
    display: grid;
    place-items: center;
}

✔️ С помощью абсолютной позиции:

 .center-absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}