Archived topic
How can I change the responsive breakpoints for flexbox?
3 replies · Started by Anne on March 27, 2021
Is there an easy way to make flexbox columns adjust to a custom breakpoint?
I have a couple .left / .right columns I want to be 100% width each at a certain breakpoint but the flexbox stuff is holding me stuck.
Thanks!
Hi there,
Are you referring to the content using the columns block from core WordPress?
If so you will need to write some custom CSS for that.
Have you considered using the grid block from Generateblocks?
It allows you to set different a container width at different screen widths breakpoint:
https://docs.generateblocks.com/article/container-overview/#layout-%E2%80%93-grid-item
That is using the grid element then? I havent actually used that before, just tried it out and looks to work great! Thanks for the tip :)
No problem :)
Grid is much much better than the default columns block from WordPress core.