Image size exceeds container limit

Question

I've posted the following screenshot showing one image exceeding the limits of its container, while the other images are stacked correctly. I haven't done anything in CSS yet. enter image description here

I specifically tried using max-width for that particular image, but as soon as I display the div containing all the images as a grid, it goes over the limit.

Answer 1

You can try using the style width: 100% in your img tag. like this:

<img src="..." style="width: 100%"

This will force your image to be as wide as the container.