Question: You are creating a responsive design, but when you view your site on a smaller screen, you notice that images are causing a horizontal scroll bar. How can you solve this problem without stretching any images out of shape?

1. Set `object-fit: contain` on the images.
2. Set `max-width: 100%` on the images.
3. Set `width: 100%` on the images.
4. Set `resize: true` on the images.

Answer: The correct answer of the above question is Option B:Set `max-width: 100%` on the images.