.gridContainer{
    display: grid;
    grid-template-areas: 
    "navbar"
    "content";
}
.gridContainer > div{
    padding: 5px;
}
.gridContainer > div.navbar{
    height: 100px;
}

.gridContainer > div.content{
    grid-area: content;
    margin: 20px;
}


/* gallery grid */

.gallery{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 5px;
}

.gallery > div.imgFrame{
    position: relative;
    width: 100%;
    padding:5px;
    overflow: hidden;
    aspect-ratio: 1/1;
}

.imgFrame > img{
    height: 100%;
}