CSS positioning explanation

Design help Custom code
1

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).

1276×888 23.9 KB

Cheers

2

Hi, I wrote this piece:

http://inb4.webflow.io/posts/master-absolute-positionning

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

1 Like
3

Hey @pitz,

+1, Vincent article is exactly what you need.

4

@vincent thanks, this is perfect!