main{grid-template-columns: 1fr 3fr; align-content: start; padding: 0;}
main nav{padding: 32px; display: grid; margin-left: 10px; background: rgb(180,200,220); align-content: start; box-shadow: 0 0 12px 4px;}
.gallery{padding: 32px; display: grid; grid-template-columns: repeat(auto-fill, minmax(auto, 240px)); justify-content: center;}
.gallery > a{background: rgb(240,250,255); border-radius: 8px; overflow: hidden; width: 240px; height: auto; display: grid; grid-template-rows: auto auto; box-shadow: 0 0 16px 0 rgb(0,0,0,.5);}
.gallery > a img{width: 100%; height: 180px; object-fit: cover;}
.gallery > a p{padding: 16px; text-align: center;}