レスポンシブごとに高さを変えるマージンの空白をブロックで挿入する

使用アドオンTallacmans Responsive Spacer

アドオンをインストールしてTallacmans Responsive Spacerブロックをマージンを設定したいエリアに挿入します。スクリーンショット 2020-09-07 22.16.11.png

表示されらウインドウで、必要な数値を入力していきます。

高さの単位をrem、px、vwの中から選択します。

スクリーンショット 2020-09-07 22.18.32.png

 

〜576px Base Height

576px〜768px  Height on Phones

768px〜992px Height on Tablet

992px〜1200px Height on  Desktop

1200px〜 Height on  Extra Large  Screen

スクリーンショット 2020-09-07 22.25.06.png

で保存すると、それぞれの幅で高さが変わるブロックになります。

スクリーンショット 2020-09-07 22.27.04.png

編集モード時はグレー表示されます。

スクリーンショット 2020-09-07 22.28.14.png