Как центрировать iframe и сделать его видимым и отзывчивым во всю высоту ⇐ CSS

[Anonymous]

У меня есть страница, разделенная на два раздела, как показано на прикрепленном снимке экрана.
[img]https://i.sstatic.net /mvXR50Ds.png[/img]

Страница реагирует так, как я хочу. Проблема, как вы можете видеть, в том, что iframe не отображает полное содержимое, а уменьшает высоту.
Это мое решение. Есть какие-нибудь предложения, как сделать так, чтобы он отображался в центре, как сейчас, но с отображением полной высоты?
Мое решение:

Код: Выделить всё

First name:



Last name:

Код: Выделить всё

.c-login__wrapper {
justify-content: center;
height: 100vh;
display: flex;
background-color: pink;
padding: 5px;
}

.login-positioner {
display: flex;
justify-content: center;
align-items: center;
background-color: green;
padding: 5px;
width: 50%;
height: 100%;
}

.login {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
background-color: red;
padding: 5px;
}

.marketing-positioner {
display: flex;
justify-content: center;
align-items: center;
background-color: aqua;
padding: 5px;
width: 50%;
height: 100%;
}

.marketing {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
background-color: blue;
}

И рабочий пример
https://codesandbox.io/p/sandbox/vswtzp

Подробнее здесь: https://stackoverflow.com/questions/793 ... responsive