How do I make a row wrap whenever I want (Bootstrap 5)

I want to have a row that only wraps below 1200px and above 1200px I want it to not wrap.

I tried it with a media query but it just ignores my line of code (flex-wrap:nowrap) and i tried using .flex-nowrap class but then it ignored my flex-wrap:wrap media query. What do I do?

<div class="row usage h-25 w-100">`<div class="column-chart bg-warning col-8"></div><div class="users bg-danger col-3"></div></div>