body { background-color: bisque; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 20px; grid-row: 5; padding-left: 1%; padding-right: 1%; } .Titel { grid-column: 1 / 6; grid-row: 1; #zuruck { align-self: left; } } .Eingabe { grid-column: 1 / 3; grid-row: 2/6; background-color: lightgrey; border: 1px solid black; padding-bottom: 2%; .input { resize: none; overflow: auto; width: 90%; height: 5%; margin-top: 10px; margin-left: 5%; } #go { margin-left: 40%; margin-top: 5%; align-items: center; width: 150px; height: 30px; } } .Ausgabe { grid-column: 3 / 6; grid-row: 2/6; background-color: lightgray; border: 1px solid black; padding-bottom: 2%; } h2,h1 { text-align: center; } table{ margin-left: 3%; margin-right: 3%; scroll-behavior: auto; td, tr { border: 1px solid black; } .fix { .headcol { position: absolute; width: 5em; left: 0; top: auto; border-top-width: 1px; margin-top: -1px; } } }