@media screen and (min-width:450px) {
    header h1 {
        font-size: 2rem;
    }
}

@media screen and (min-width:640px) {
    header h1 {
        font-size: 2.5rem;
    }

    #labs {
        display: grid;
        grid-template-columns: 50% 50%
    }

    #assignments {
        display: grid;
        grid-template-columns: 50% 50%
    }
}

@media screen and (min-width:640px) {
    body {
        max-width: 80em;
    }

    header h1 {
        font-size: 3rem;
    }

    .projectpage {
        margin: auto;
        margin-top: 2rem;
        max-width: 60em;
    }

    #labs {
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
        gap: 1rem;
    }

    #assignments {
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
        gap: 1rem;
    }
}