.layout {
width: 100%;
display: grid;
grid:
"header header header" auto
"leftSide body rightSide" 1fr
"footer footer footer" auto
/ auto 1fr auto;
gap: 8px;
}
.header { grid-area: header; }
.leftSide { grid-area: leftSide; }
.body { grid-area: body;
background-color: black;
color: green;
font-family: "Courier New";}
.rightSide { grid-area: rightSide; }
.footer { grid-area: footer; }
random stuff i think is cool:
tetris
xkcd