Grid gallery

grid-gallery.css

.grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 8px;
    grid-auto-flow: dense;
}
.item1x1 {
    grid-column: span 1;
    grid-row: span 1;
    aspect-ratio: 1/1;
    background-color: aqua;
}
.item2x2 {
    grid-column: span 2;
    grid-row: span 2;
    aspect-ratio: 1/1;
    background-color: aquamarine;
}
.item3x2 {
    grid-column: span 3;
    grid-row: span 2;
    aspect-ratio: 3/2;
    background-color: blueviolet;
}