Hi all,
I have an issue where I have a two column setup, so that's the normal flow, now I have an element that needs to be one column full width etc, the issue with this is that this element will always be at the bottom (as I need to remove it from the flow due to it being full width), seeing as this is a dynamic app where you can add and shift content blocks around etc, the user wants to be able to add content below the one columned element, thus going back into the flow after it. Is this an impossible task at this point?

Thanks for any advice!

How about applying "column-span: all" to that element?

thanks @mikeday ,unfortunately, this does allow me to keep it in the same div that all content flows, but then still the same issue of it always clearingall other content and becoming the last piece of content, I'm not sure if this is possible?

I'm not sure I quite understand the layout you are trying to achieve. You can move the block to the bottom of the page with "float: bottom", but do you wish to place content after it on the same page as well?

so basically I have a simple two column layout using:

column-count: 2;
column-fill: auto;

I then have a module in the app that needs to be one column, so 'column-span: all' on that element works perfectly, though every content module after that (text, images ect) will load on top of that, so for some reason that certain element with 'column-span: all' is always at the end of my document.

'but do you wish to place content after it on the same page as well?' - yes, just trying to accomplish that

I hope that makes sense.

I'm still unsure about the following content loading on top of it, perhaps you could email me (mikeday@yeslogic.com) a document showing the problem?