ダブルレクタングル対応

本文はダブルレクタングル対応です。

「画像を二枚横並びに貼りたい、でもスマホでは片方消したい」

という局面の時にご利用ください。

ダブルレクタングル

<div class="doubleRectangle">
〜ここに左側の画像などのコード〜
</div>
<div class="doubleRectangle rightRect">
〜ここに右側の画像などのコード〜
</div>

こんな感じになります。

スマートフォンなどの幅の画面では右側の画像が非表示になります。