Kann mir einer bei diesen Layout helfen

Habe beim Googeln dieses Bild gefunden. bild Kann man das mit HTML und CSS umsetzen oder ist das ein Fake Bild
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

<!doctype Html>
<html lang="de">
<head>
<style>
*{
margin:0;
padding:0;
overflow:hidden;
}
body{
display:flex;
flex-direction:column;
}
main{
display:flex;
min-height:calc(100vh - 40px - 40px);
}
nav{
background:green;
height:40px;
}
#left{
flex:4;
}
#rechts {
flex:1;
background:yellow;
}
footer{
background:blue;
height:40px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX