CSS Modernes 2-Column Layout

[tobi.wld]

Hallo zusammen
Ich würde gerne ein zweizeiliges Layout über die komplette Website erstellen.
In der Art:

Ich habe es bereits mit einem Grid Layout versucht allerdings bekomme ich es mit dem vertikalen Strich nicht hin.
Kann mir eventuell jemand dabei helfen dass ich es hinbekomme?

 

[Joshinator]

Mit clip-path kannst du Divs recht frei abschneiden, alles andere ist dann nur eine Frage der Positionierung.

Linker Div mit Clip Path und höherem Z-Index und der rechte Div verschwindet einfach unterhalb des linken.
Kann man auch mit Media-Queries gut auf verschiedene Geräte anpassen weil das Markup auf Handys gleich bleiben kann.

 

[blablub1212]

Hier wird eine Möglichkeit ganz gut beschrieben: https://9elements.com/blog/pure-css-diagonal-layouts/