aswi20220x00-gitlab/webapp/styles/mainLayout.module.scss @ 3e6b15a7

.layoutwrapper {
    background-color: lightgray;
    display: grid;

    grid:
        [header-start] 'header' 60px [header-end]
        [main-start] 'content' [main-end]
        [footer-start] 'footer' 30px [footer-end];

    place-items: stretch;
    place-content: stretch;

    width: 100vw;
    height: 100vh;

    gap: 3px;
}

.header {
    grid-area: header;
}

.content {
    grid-area: content;
}

.footer {
    grid-area: footer;
}