In the Bar or Container Flex options if you check the Wrap Children option it usually gives proper mobile view by default:
Also, you can play with the Flex Grow and Shrink options and you will see that you can control most of the mobile view that way:
Finally, if you still have problems you can duplicate the bar and set it as a column in the flex options and then you can use the Hide During Breakpoint feature to hide/show the cases respectively in the mobile/desktop view.
Kindly open up new threads for additional questions as it will help us to focus on each issue and give you better support which you deserve. Having a long thread makes the maintaining job harder and also it will be harder for the other customers to find the correct information if they have similar issues. You are always welcomed to reply to this thread to follow up the same question.