質問: 2枚の画像を横並びで配置した際にレスポンシブに対応するようにしたいです。 現状は、2枚の画像を横並びで挿入しているのですが(左側の画像を左配置に指定) 画面の横幅を縮めると画像が折り返します。 スマホサイズの画面では折り返していいのですが、pcとspの間の中間サイズで折り返しが行われないようにしたいです。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/783d0fc67a71f31b49adda8a4a4859d6.jpeg) ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/308ef60269364e8f023e6711e641ff8a.jpeg) サイトは下記cssの2つでレスポンシブを行っています。 ``` @media screen and (max-width: 800px) @media screen and (max-width: 640px) ``` 画面横幅サイズが640px-800pxの間で画像の折り返しをなくしたいので、 @media screen and (max-width: 800px)を使って画像の折り返しをなくすことができますでしょうか? その際は、画像のサイズが縮まるイメージです。 640px以下では挿入画像のサイズは維持したまま縦並びになるのが理想です。 知恵をお貸しください。 どうぞ宜しくお願い致します。
回答: ``` @media screen and (min-width: 640px) and (max-width: 800px) { img { width: 50%; } } ```