On the mobile Bricks view and on my own Samsung phone the site looks normal. On my friend’s iPhone the site looks normal. But on my friend’s Pixel phone the site breakpoints are not working. The pixel phone is not a significantly larger device than the iPhone. But even still, the site works on a 7.6in android tablet I have around.
Here are some photos showing the difference in quality between the devices that work and the Pixel phone that is just not accepting breakpoints. All phones were tested using Chrome browser.
Yeah, the way you’ve got this configured is a little wonky. at 485px, the divs are set to be 30% width, there’s also some odd margins you’ve got around these and you’re styling at the class level, which is going to be a pain to maintain. I suggest going 100% width on those divs or doing grid 1fr 1fr below 767px or whatever landscape tablet width is. If you go the grid route then set it to flex and column on mobile…
From your description and the provided screenshots, it seems the issue with breakpoints not functioning correctly on the Pixel phone is more likely related to the specific implementation of your site rather than a bug in Bricks itself.
If you share the live URL, we may be able to help point you in the right direction.
