.wrapper {
    min-height: 100%;
    display: grid;

    grid-template-columns: auto auto;
    grid-template-rows: auto auto 1fr auto;
    
    grid-template-areas:
        "logo-banner logo-banner"
        "nav log-in-out"
        "main main"
        "footer footer";
    }

    .logo-banner{
        grid-area: logo-banner;
        align-content: flex-start;
        align-items: center;
    }

    nav {
        grid-area: nav;
        display: inline-flex;
        align-items: center;
    }

    .log-in-out {
        grid-area: log-in-out;
        align-content: center;
    }

    main {
        grid-area: main;
    }

    footer {
        grid-area: footer;
    }