Hey, this code is great apart from the fact it's not in order. I've combined both your code and @tuanphan's code but i still get some vertical spacing. Here is the code:
@media screen and (max-width:640px) {
figure.gallery-masonry-item {
width: 50% !important;
float: left !important;
transform: unset !important;
position: initial !important;
display: block!important;
padding: 5px!important;
box-sizing: border-box;
}
figure.gallery-masonry-item img {
width: 100% !important;
}
.gallery-masonry-item-wrapper {
height: auto !important;
}
}
I've also attached how this code is looking. The only issue is the space between the landscape and portrait photos. Feel like we're on the verge of actually getting this code perfect.