Как сверстать данную секцию, чтобы она адаптировалась как на макете?

Question

[Qurel]

Как сверстать данную секцию, чтобы она адаптировалась как на макете?




Вот что у меня на данный момент получилось: Git Hub Pages

Answer 1

[Sagrana]

Как вариант, для версии ПК .main-inner ограничить по высоте, добавить flex-direction: column; и убрать justify-content: space-between;
А у .main-title изменить width на auto

Получается как-то так

Answer 2

[twentytvvo]

Разбейте левую часть с текстом и правую с формой на две колонки с flat:left; и на ПК width:50%, а на мобайле width:100%;