CSS: روش‌های مدرن وسط‌چین کردن

/* Using Flexbox */
.flex-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

/* Using Grid */
.grid-container {
    display: grid;
    place-items: center;
    min-height: 100vh;
}