Mobile column spacing

Support
#1

Hey guys,

how would I adjust this code for a 2/3 + 1/3 section?

@media (max-width: 767px) {
.matchup .x-column.x-1-5 {
margin-bottom: 4%;
}
.matchup .x-column.x-1-5:last-of-type {
margin-bottom: 0;
}
}

changing it to .x-column-1-2 doesn’t work, that was my guess, but no go.

thanks

#2

Hi,

You can change it to

@media (max-width: 767px) {
   .matchup .x-column.x-2-3 {
          margin-bottom: 4%;
    }
    .matchup .x-column.x-1-3:last-of-type {
         margin-bottom: 0;
    }
}

You can actually check the classes using google inspect element.

Hope this helps

#3

awesome, thanks so much

really appreciate it & the videos

#4

You’re welcome!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.