Can I change mobile breakpoint in 7.1

Site URL: https://orchid-deer-93zh.squarespace.com/

Hi,

As you can see from my website, I have 3 markdown-boxes next to each other with different background colors. When you view the website on mobile, they go nicely on a stack, but when you view the site on a tablet they are uneven and look horrible.

I was first thinking is there a way to have a fixed height for these boxes? Would that be a good option?

Or - can I change the mobile breakpoint so that they go on a stack on a tablet as well? And how would I do that?

Thanks in advance!

Add to Home > Design > Custom CSS

@media screen and (min-width:768px) and (max-width:991px) {
div#page-section-5e5ec1563e6900506a8d0441 .span-12 .span-4 {
    width: 100%;
}
}

Hey Tuan - can you help me too? I am trying to do the same, however the buttons on my homepage are collapsing into mobile stack much later than the burger menu, etc. is appearing. I'm trying to do it for the same reason, I don't want my buttons to become uneven... corinne.studio/food, thanks!

On 10/17/2020 at 8:55 PM, coriwhat said:

Hey Tuan - can you help me too? I am trying to do the same, however the buttons on my homepage are collapsing into mobile stack much later than the burger menu, etc. is appearing. I'm trying to do it for the same reason, I don't want my buttons to become uneven... corinne.studio/food, thanks!

Hi. Which buttons? Can you take a screenshot? We can check easier