Grid-Layout pushed nachfolgende Elemente nicht nach unten

[jan10101]

Hey Leute,

ich versuche beim Header meiner Webseite zu erreichen, dass die Header-Elemente den nachfolgenden Content nach unten pushen. Die zwei Elemente (Überschrift + Buttons links und die Tabelle) floaten in einem Grid Layout. Wenn ich die Höhe des Browsers verkleinere, overlappt die Tabelle mit dem nachfolgenden Element.

Ich probiere nun schon den ganzen Tag herum mit "clear:both", "position:relative" etc an verschiedenen Elementen, bekomme es aber nicht hin.

Kann mir jemand weiter helfen. Das Live-Beispiel kann auch unter https://coinlend.de/ begutachtet werden.

Vielen Dank!

 

[SpiceLab]

.malto-head {
    position: relative;
    background: linear-gradient(rgba(18, 31, 42, 1), rgba(18, 31, 42, 0.3)), url(img/background.jpg), no-repeat center;
    background-size: 100%;
    min-height: 100vh;
    overflow: hidden;
}

https://www.sitepoint.com/clearing-floats-overview-different-clearfix-methods/ - Method 2: The Overflow Way