2カラムを左右交互に配置した時のレスポンシブ

[et]

こんにちは。Lightning pro　バージョン: 8.0.1
塾のデザインスキン、VK Blocks Proを使ってHPを作成しています。

LightnigさんのサイトのLightningの特徴ページのように

1.左　画像　右　説明文やボタン
2.左　説明文やボタン　右　画像
3.左　画像　右　説明文やボタン
　　　・
　　　・
　　　・

というように左右交互に画像と説明文を2カラムで並べたいです。
自分も固定ページでカラムを利用し作成しているのですが、パソコン上では上手く見えますがスマホ（レスポンシブ）で
確認すると、左　説明文やボタン　右　画像　のところだけレスポンシブの表示が上手く行きません。

1.画像
説明文やボタン

2.画像
説明文やボタン

と表示したいのですが、

1.画像
説明文やボタン
説明文やボタン
2.画像

というように右に画像を置いたところのレスポンシブ部分だけ画像の上に説明文やボタンがきてしまい苦戦しています。
どうやったらlightningさんのページのようにレスポンシブも上手く表示されるでしょうか？
お知恵を貸して頂きたいです。宜しくお願いいたします。

Attachments:

You must be logged in to view attached files.

[DRILL LANCER]

該当箇所は VK Blocks ( Pro ) の PR Content ブロックで作成しています。
使い方は下記記事が参考になると思います。

VK Blocks に Outer ブロックと PR Content ブロック を追加しました

[et]

ありがとうございました。早速試してみたら確かにレスポンシブにも対応したものを作ることができました！
しかし2カラムが50:50のみになっているようで、こちらのサイズを30/70にしたり70/30にしたりと設定することは
できるのでしょうか？できれば文字数をもう少し横に長く書きたいのですが…

[投稿者]

投稿