CSS positioning explanation

I’m trying to understand CSS positioning in Webflow but still struggling with it. I was wondering if someone has a good resource/tutorial to understand how Auto, Relative, Absulute and Fixed work in Webflow.

I’m looking for a general tutorial, but here is an example of a layout I’m trying to create. How would you position the following divs? And what’s the best way to do it so it is also responsive (on mobile images should overlap more and scale down).


Hi, I wrote this piece:

Please experiment with it, and come back with what’s left unanswered :slight_smile:

1 Like

Hey @pitz,

+1, Vincent article is exactly what you need.

@vincent thanks, this is perfect!