As per the images my section has a grid with 4 rows to keep the text in each area however when i change the view to tablet or mobile the row number has been reduced to two causing my text to overlap. Is this a bug/ how can i prevent this from happening automatically?
There could have been an override on that breakpoint; if so you can remove the override.
Alternatively, you can use all breakpoints or copy from breakpoints.