【Shopify TIPS】
Horizonの「カラムごとの幅比率を指定できるレイアウトブロック」について、ブログ記事で詳しくまとめてみました。
14種類のプリセット比率の一覧、PCとスマホで独立した比率を設定する方法、カスタム入力で「1 2 1」のように自由に指定する手順、CSS Gridを使っている理由など、実装と使い方の両方を解説しています。
blocks/column.liquid と snippets/column.liquid という独自の2ファイルを追加する必要がありますが、既存ファイルの変更は不要なので、テーマ更新時のコンフリクトも避けられる作りになっています。
スレッド
【Horizon】カラムレイアウトブロックで幅比率を自由に設定する独自ブロック
https://store-dojo.com/blogs/tips/horizon-column-layout-block