So zentrieren Sie den Iframe und machen ihn in voller Höhe sichtbar und reaktionsfähig ⇐ CSS

[Guest]

Ich habe eine Seite, die in zwei Abschnitte unterteilt ist. Die Seite reagiert so, wie ich es möchte. Wie Sie sehen, besteht das Problem darin, dass der Iframe nicht seinen gesamten Inhalt anzeigt – durch Reduzierung der Höhe.
Irgendwelche Vorschläge, wie er in der Mitte angezeigt werden kann wird es im Moment aber mit voller Höhe angezeigt?

Code: Select all

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

Code: Select all

First name:



Last name: