これが僕が↑の動画でつくったものです。
<!-- wp:unitone/container {"unitone":{"maxWidth":"100%"}} -->
<div data-unitone-layout="container">
<!-- wp:unitone/gutters {"unitone":{"padding":"-1"}} -->
<div data-unitone-layout="gutters">
<!-- wp:unitone/grid {"columnsOption":"columns","smColumnsOption":"free","smColumns":2,"smGridTemplateColumns":"1fr auto","unitone":{"gap":{"row":"-2","column":"-1"}}} -->
<div class="unitone-grid" style="--unitone--columns:1;--unitone--sm-grid-template-columns:1fr auto;--unitone--rows:1" data-unitone-layout="-columns:columns -columns:sm:free -rows:rows">
<!-- wp:unitone/stack {"unitone":{"gap":"0","alignSelf":"stretch","justifySelf":"center","gridColumn":"auto","gridRow":"auto"}} -->
<div data-unitone-layout="stack">
<!-- wp:site-logo /-->
<!-- wp:site-title /-->
</div>
<!-- /wp:unitone/stack -->
<!-- wp:navigation {"ref":3683,"className":"is-style-unitone","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"},"style":{"typography":{"fontWeight":"600"}},"fontSize":"unitone-s"} /-->
</div>
<!-- /wp:unitone/grid -->
</div>
<!-- /wp:unitone/gutters -->
</div>
<!-- /wp:unitone/container -->
わかりやすいように並べてみます。
### ちゃんと動く
<!-- wp:unitone/grid {"columnsOption":"columns","smColumnsOption":"free","smColumns":2,"smGridTemplateColumns":"1fr auto","unitone":{"gap":{"row":"-2","column":"-1"}}} -->
<div class="unitone-grid" style="--unitone--columns:1;--unitone--sm-grid-template-columns:1fr auto;--unitone--rows:1" data-unitone-layout="-columns:columns -columns:sm:free -rows:rows">
<!-- wp:unitone/stack {"unitone":{"gap":"0","alignSelf":"stretch","justifySelf":"center","gridColumn":"auto","gridRow":"auto"}} -->
### ちゃんと動かない
<!-- wp:unitone/grid {"columnsOption":"columns","smColumnsOption":"free","smColumns":2,"smGridTemplateColumns":"1fr auto","unitone":{"gap":{"row":"-2","column":"-1"}}} -->
<div class="unitone-grid" style="--unitone--columns:1;--unitone--rows:1" data-unitone-layout="-columns:columns -rows:rows">
<div class="unitone-grid" style="--unitone--columns:1;--unitone--sm-grid-template-columns:1fr auto;--unitone--rows:1" data-unitone-layout="-columns:columns --columns:sm:free -rows:rows">
<!-- wp:unitone/stack {"unitone":{"gap":"0","alignSelf":"stretch","justifySelf":"center","gridColumn":"auto","gridRow":"auto"}} -->
<div class="unitone-grid" が二重になっているのが気になりますね。多分この HTML のままビジュアルに切り替えたらブロックが壊れていますという感じのメッセージがでるのでは？と思うのですがどうでしょうか？
—
あ、今気づいたのですが "smColumns":2 の部分は消しても大丈夫みたいです。これはモバイルのグリッドの設定が「カラム」のときに2列で表示する、という指定になりますが、モバイルのときは「自由入力」になっていると思うので。こちらで色々やっているうちに残っちゃったものだと思います。あっても問題は特にありませんが一応説明です。
