(Squarespace) Show Images in Instagram Block in same line

To make all images in Instagram Block in the same line.

From this.

To this.

You can use this code to Custom CSS box.
If code doesn’t work, you can comment below, message or send me an email.

@media screen and (min-width:768px) {
div.instagram-block {
    .sqs-gallery {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}
    .slide {
        width: 10% !important;
    }
}}

Note: If your Instagram Block has 10 items, change number 12 to 10. If it has 8 items, change 12 to 8. If 20 items, change 12 to 5

If you want to do this on Desktop Only, you can use this new code.

@media screen and (min-width:768px) {
div.instagram-block {
    .sqs-gallery {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}
    .slide {
       width: calc(~"100%/12") !important;
    }
}}

@tuanphan,

:heart: :heart: :heart: