CMS Items not aligning after adding an Image (even though each item inherits the formatting)

[Ricardo_Torrao]

Hi Guys,

So I’ve been working off of a web flow template (This one to be exact). As you’ll see on my read-only site - I’ve added an image stored inside of a Div block into the ‘Shows’ Section.

The Shows section is created from a CMS collection and all of the boxes will change whenever I make amendments to one of them.

This is why I’m completely miffed as to why the images in each show section do not align. (see the example below on both desktop & mobile landscape preview)

It becomes even more exaggerated when viewing the website live here.

I’m seem to be unable to do anything about the alignment since if I change one, they all change with it!

Does anyone have any suggestions as to why this is happening? and any solutions that could fix it?

---

Here is my site Read-Only: Webflow - DJ Policy Website
(how to share your site Read-Only link)

[Stan (justAnotherDeveloper)]

Hi @Ricardo_Torrao your layout issue can be fixed by flex settings on elements columns-2 and div-block-4. Here is a short video how to.

[Ricardo_Torrao]

Thank you so much, Stan! Your reply really helped and the video taught me a lot! If I could give you a rating it would be 5 stars