How to create a "scattered" CMS grid design

Design help CMS
1

Screen Shot 2020-10-08 at 8.27.58 am
Screen Shot 2020-10-08 at 8.27.58 am890×1412 247 KB

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)

1 Like
2

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!

3

Tutorial for position properties: CSS position properties (relative, absolute, fixed, position sticky, and floats) — Webflow tutorial - YouTube

Tutorial for grid: Grid | Webflow University