Какая структура должна быть при использовании нескольких форм?

Question

[OwerFan]

Здравствуйте! Подскажите, пожалуйста, как сделать так, чтобы несколько форм на сайте были расположены друг под другом по центру? Нарисовал пример: Использую bootstrap 4

Answer 1

[Равиль]

body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

Comments

[OwerFan]

а что нужно будет написать, если одну форму нужно будет расположить справа?

[Равиль]

OwerFan,

form:nth-child(1) {
    align-self: right;
}