In diesem Beitrag zeige ich euch, wie man eine Zeile 100% in der Höhe ausrichtet.
Einfach gesagt, es soll am Ende so aussehen:

https://divianer.ch/100-height/

Das Problem dabei ist, man nicht mit Prozent(%) arbeiten kann.

Anstelle von Prozent nimme man „vh“. Wie diese Einheit arbeitet, erfährst Du hier:

https://www.elegantthemes.com/blog/divi-resources/a-guide-to-understanding-and-applying-css-length-units-in-divi

Damit das ganze ordentlich ausschaut, muss man Footer und Header von den 100vh abziehen. Dies macht man  mit CSS. Hier ist der Code dazu:

height: calc(100vh - 135px);

(Diese 135 Pixel setzt sich aus der Höhe des Headers und der Höhe des Footers zusammen)

Wie Du das ganze anwenden kannst, habe ich Dir in diesen beiden Schritt für Schritt Videos, bestehnd aus Teil1 und Teil2 zusammengestellt. Viel Spass!