Display side by side image grid

Share & showcase
38

I can confirm the grid code is working on v0.10.6. I have made a small change to prevent other divs turning into columns. When using the code below, you just have to make sure that the images are listed last on the page, as the ammended snippet only targets the last content div on the page:

.img-grid .markdown-preview-section > div:last-of-type > p {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 100%));
    gap: 1rem;
    align-items: stretch;
}
.img-grid .markdown-preview-section > div > p > img + br{display: none;}
.img-grid .markdown-preview-section img:not(:active) {
    object-fit:cover;
    width: 100%;
    height: auto;
    max-height: 20vh;
}
.img-grid .markdown-preview-section img:not(:active)[alt="span2"]{
    grid-column: span 2;
}
.img-grid .markdown-preview-section img:not(:active)[alt="span3"]{
    grid-column: span 3;
}
.img-grid .markdown-preview-section img:not(:active)[alt="span4"]{
    grid-column: span 4;
}
.img-grid .markdown-preview-section img:not(:active)[alt="span5"]{
    grid-column: span 5;
}