Flexbox Container looks too tight on tablet, but fine on desktop and smartphone


i have used containers to make a design. Set them all on flexbox. I like how it looks on desktop and surprinsingly it automatically drops the right content down on smartphone - but not on tablet breakpoint. I do not want the two column look on tablet breakpoint, but I cannot find a function like in columns where you can control the behaviour on breakpoints. How can I solve this problem?

Here is my site Read-Only: [LINK]1
(how to share your site Read-Only link)

You could change the (layout) direction to vertical on the tablet breakpoint.

The margin-left of 40px on feature-image-mask is causing the layout to break so you’d need to reduce that to 0 if you have them set to width 100%

1 Like

thanks @LimeKnight !