@media screen and (min-width: 800px){
    
    nav{
        padding: 8px 5px .3px 5px;
        grid-column:span;
    }

    nav ul.open{
        flex-direction:row;
    }
    nav ul{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    #cards{
        display: grid;
        grid-template-columns: 2fr 1fr;
        padding:4px;
    }
    /* fix this */
    #menu-button{
        display: none;
    }
}