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

[Anonymous]

У меня есть страница, разделенная на два раздела. Страница реагирует так, как я хочу. Проблема, как вы можете видеть, в том, что iframe не отображает свое полное содержимое - за счет уменьшения высоты.
Любые предложения, как сделать так, чтобы он отображался в центре как это сейчас, но отображается в полную высоту?

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

.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;
}

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

First name:



Last name:

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