@media all and (min-width:500px) {
/* 
    h2 {
        margin: 0.7em 0px;
    } */

    .photo-grid-container {
        grid-template-columns: auto auto auto;
    }
}

@media all and (min-width: 720px) {
    html {
        background-image: repeating-linear-gradient(90deg, #2a2f39 0, #2a2f39 1px, transparent 0, transparent 50%);
        background-size: 18px 10px;
        background-color: #111317;
    }

    .photo-container { 
        border-radius: 14px;
        padding: 1em 2em 1em 2em;
        margin: 16px auto;
    }

    .footer {
        margin: 1.5em 0px 0.5em 0px;
    }
}