body { background-color: bisque; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); grid-gap: 20px; -ms-grid-row: 5; grid-row: 5; padding-left: 1%; padding-right: 1%; } .Titel { -ms-grid-column: 1; -ms-grid-column-span: 5; grid-column: 1 / 6; -ms-grid-row: 1; grid-row: 1; } .Titel #zuruck { -ms-flex-item-align: left; -ms-grid-row-align: left; align-self: left; } .Eingabe { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / 3; -ms-grid-row: 2; -ms-grid-row-span: 4; grid-row: 2/6; background-color: lightgrey; border: 1px solid black; padding-bottom: 2%; } .Eingabe .input { resize: none; overflow: auto; width: 90%; height: 3%; margin-left: 5%; } .Eingabe #go { margin-left: 40%; margin-top: 5%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 150px; height: 30px; } .Ausgabe { -ms-grid-column: 3; -ms-grid-column-span: 3; grid-column: 3 / 6; -ms-grid-row: 2; -ms-grid-row-span: 4; 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; } table td, table tr { border: 1px solid black; } table .fix .headcol { position: absolute; width: 5em; left: 0; top: auto; border-top-width: 1px; margin-top: -1px; } /*# sourceMappingURL=style.css.map */