Streaming live at 10am (PST)

How to create a "scattered" CMS grid design

Hello!
I’m currently designing the above blog. It’s got a sticky title (“It’s Alive!”) in the background, with floating CMS elements above.

Is it possible to create a loose “scattered” layout like this using CMS collections?
I’m hoping there’s a smarter way to build this than having to add design elements manually each time I upload a new post.

Additionally would something like this play complete havoc with an infinite scroll feature?

Any help is greatly appreciated! Thanks.


Here is my public share link: LINK
(how to access public share link)

hi Andrew,

Seems to me you make ‘it’s alive’ fixed on screen (center/middle, z-level 0 relative to the body or a 100vh section ) and then have a new section on top with a grid, higher z-level, with divs containing each CMS entry)?

I’ve used the grid and it’s super powerful, especially to work out each element positioning across screen sizes…

Hope this helps!

Tutorial for position properties: https://www.youtube.com/watch?v=GPadt8wmGXM

Tutorial for grid: https://university.webflow.com/lesson/grid-2-0