@media  only screen and (min-width: 38rem) {
    .parent {
        display: grid;
        grid-template-columns: 2fr 1fr;
        column-gap: 18px;
    }

    .parent section {
        box-shadow: 2px 2px 20px black;
    }

    nav ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex; 
        justify-content: center;
    }
    

    nav .active {
        background-color: rgba(14, 13, 13, 0);
    }

    img {
        box-shadow: 0 2px 6px rgba(14, 13, 13, 0.1);
    }
    
    footer div {
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
    }
    #menu {
        display: none;

    }
    
}