Please see attached.
I am perplexed as to why this is happening. In my layout I have created a number of sections and to each section I added an image and a text box. I then added left and right margin of 30px to each section, so both the image and the text box should be aligned. When I view the site on my mobile, and on my tablet, everything appears fine in the vertical view. However, on both devices, the horizontal view does not display properly. The image does not resize correctly to the viewport and the text does not align to the image.
The text not aligning to the image is particularly odd, because they are both contained within the same section. As for the image not sizing correctly to the viewport, I have selected “auto” and “no limit” for the Width and Max-Width in the setup of the image, so I’m not sure why it is not resizing.
Your input is appreciated.