Since O2 WebUI does not support css breakpoints like in bootstrap 5.0 or tailwindcss, use flex-wrap
instead of needing a breakpoint to disable the flex row. For example, in the image below, the title and version are in one div and the statuses are in another. Without wrap they overflow. With wrap they wrap.
Without flex-wrap
:
With flex-wrap
: