レスポンシブの3つのカラムで、ひとつだけ画像が違う場合

Question

レスポンシブで次のようなレイアウトはどうしたらいいでしょうか。
赤色の箱は画像です。一番右だけ丸いボタンがついています。

bootstrapでも、cssでもやろうとしていますが、
なかなかむずかしいです。
丸いボタンはcssでもいいのですが、
よろしくお願いいたします。

Comments

[s8_chu]

質問者さんが記述したHTML, CSSを追記すると回答が得られやすくなると思います。

Answer 1

1. まず、丸の事は忘れて通常の３分割をする
2. 右端の要素のみ、四角形要素を基準として相対で位置を指定し上に重ねる

というのはいかがでしょうか
(両端には丸がはみ出る分の余白も考慮しておくものとします)