רספונסיביות גלריה

היי,

למדתי מהפורום איך להפוך גלריית גריד 4 עמודות במובייל לעמודה אחת ברוחב מלא, הכנסתי את הקוד הבא:

/* Tablet (Grid 4 > Grid 2)*/
@media (min-width: 768px) and (max-width: 959px) {
.gallery.gallery-columns-4 .gallery-item {
max-width: 50%;
}
}
/* Tablet (Grid 4 > Grid 1)*/
@media (max-width: 767px) {
.gallery.gallery-columns-4 .gallery-item {
max-width: 100%;
}
}

.gallery-item {
border-color: #dd8502;
border-style: solid;}

רק איך אני מרווחת בין העמודות במובייל? הבורדר שיצרתי עולה אחד על השני…

תןדה, הפורום עוזר המון!!!