ブロックエディタのカラムブロックについて

ブロックエディタのカラムブロックを使用して、商品リストを作成しており、PCでは3列、タブレットは2列、スマホは1列で表示したいと思っています。

ブロックエディタのカラムブロックでカラム数を3にし、それを複数行追加することで商品リストを作成していましたが、レスポンシブでタブレット表示になった時、カラム数が2になり、2,1で上下に分割されます。
そして、この2,1で上下に分割されたものが複数行積み重なるので、半分の行の右側が空いてしまいます。
これを回避する為に、.wp-block-columns.has-3-columns の中に3つ以上の .wp-block-column を入れたいのですが、無理なのでしょうか？（編集画面で試してみましたが、上手くいきませんでした…。）
無理な場合、カラムブロックの使用は諦めて、カスタムHTMLで対応しようかと思っておりますが、他に何か良い方法があればご教授いただけると幸いです。

現状

<div class="wp-block-columns has-3-columns">
 <div class="wp-block-column">あああ</div>
 <div class="wp-block-column">あああ</div>
 <div class="wp-block-column">あああ</div>
</div>

<div class="wp-block-columns has-3-columns">
 <div class="wp-block-column">あああ</div>
 <div class="wp-block-column">あああ</div>
 <div class="wp-block-column">あああ</div>
</div>

↓
こうしたい

<div class="wp-block-columns has-3-columns">
 <div class="wp-block-column">あああ</div>
 <div class="wp-block-column">あああ</div>
 <div class="wp-block-column">あああ</div>
・
・
・
 <div class="wp-block-column">あああ</div>
</div>