*,body,html{box-sizing:border-box}body,html{height:fit-content;margin:0;padding:0;width:100%}.parent-container-gallerygrid{display:grid;height:fit-content;padding:92px 0;place-content:center}.items-container{display:grid;gap:32px 32px;grid-auto-flow:row;grid-template-areas:"item1 item4 item6 item8" "item2 item4 item7 item8" "item2 item5 item7 item9" "item3 . . item10" "item3 . . item10";grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr .5fr .5fr .5fr;height:936px;width:1120px}.items-gallerygrid{border-radius:8px}.item1{grid-area:item1}.item2{grid-area:item2}.item4{grid-area:item4}.item5{grid-area:item5}.item7{grid-area:item7}.item6{grid-area:item6}.item8{grid-area:item8}.item9{grid-area:item9}.item10{grid-area:item10}.item3{grid-area:item3}@media (min-width:320px) and (max-width:480px){.parent-container-gallerygrid{padding:32px 16px;width:100%}.items-container{display:flex;flex-direction:column;gap:16px 0;height:fit-content;width:100vw}.item1,.item10,.item3,.item5,.item6{height:256px}.item2{height:350px}.item4,.item7,.item8{height:480px}.item9{height:150px}}