I've been working on a course, and I've been using the Canvas Flexbox.

In most cases my intention with the .xs- and .lg- classes was to ensure in mobile view that the content would adapt into a single column for a better mobile experience, and that has worked well, however I've been trying to add a situation where it is NOT supposed to wrap on mobile, and instead the .xs- is set to two columns adding up to 12, rather then 1 column being 12 (I have also tried making the values less then 12 in total and it made no different)

Is there any way when using flexbox for the columns to appear next to each other in the Canvas app? (I have confirmed it works when I use the browser on my phone to access the course site).