Grid images misaligned on mobile only

Design help General
1

The images on my main/index blog page/grid “Insight” are misaligned to the right on the mobile view only.

I can see the headings are properly aligned, with 20px padding left/right. However, the images just above the headings are correctly aligned to the left but display at a shorter width, creating a wider padding on the left. They are set to display at 100% and they look fine on webflow but not when published. See Insight

Any suggestions/ recommendations would be much appreciated.

Insight 2023-08-15 16-28-37
Insight 2023-08-15 16-28-37379×675 102 KB

Here is my site Read-Only: [LINK][1]

2

Hi @marcelo_spinelli :wave:
Just remove Max Width for Collection List 5 and Collection Item 9 elements:

image
image1920×818 68.5 KB

1 Like
3

Hi @bro-design ,

Thank you for that - but while it does work for a single post, when I add other posts they no longer display as 3 in a row (on desktop) but as a single column, so it won’t work. Any other suggestions? Thank you.

4

Enable in CMS other Blog posts for we can see what about you say

5

@bro-design - just discovered someone else had removed the columns as only one post was going to go live for now! So your solution works perfectly. Thank you very much.