Hey @nessayin,
Sure, you can add this CSS code to adjust the dimensions of your images dynamically:
@media(min-width: 607px){
.page-id-315 .wp-block-jetpack-instagram-gallery__grid .wp-block-jetpack-instagram-gallery__grid-post img {
height: 28vw;
width: 33vw;
}
}
Let me know if this helps, have a nice day,
Andrija
Thanks Andrija! It works great. Does it only apply to that page though? Can I get something similar for this page too? https://www.riverandcolour.co/markets/
Thank you!
Hey @nessayin,
Yes, the change only applies to a single page. To apply it to multiple different pages you can use this code:
@media(min-width: 607px){
.wp-block-jetpack-instagram-gallery__grid .wp-block-jetpack-instagram-gallery__grid-post img {
height: 28vw;
width: 33vw;
}
}
Or if you want to apply the change only to certain pages, you need to have their page ID and add. On the example of the latest page you send, the code would look like this:
@media(min-width: 607px){
.page-id-147 .wp-block-jetpack-instagram-gallery__grid .wp-block-jetpack-instagram-gallery__grid-post img {
height: 28vw;
width: 33vw;
}
}
I hope this helps, have a nice day,
Andrija
Thanks Andrija, that works well!