Streaming live at 10am (PST)

Best practice for overlaid tile effect?

#1

Hello. For my companies corporate website, I have to make a page full of tiles like in the image above. I want to make sure I use the correct practices to achieve this effect. How would I make it so that little square is in that specific position hovering on top of that colored bar?

I know how to make it LOOK like that - I just want to make sure it’s RIGHT. Positioning with padding is what I would do - but I am sure there is a more official way.

Thank You,

Taylor :relaxed:


1 Like
#2

Hello @tmeluch

I think that the best way is to set the parent to be relative and the image boxes to be absolute.

Relative positioning > https://university.webflow.com/article/relative-position

Absolute positioning > https://university.webflow.com/article/absolute-position

Piter :webflow_heart:

2 Likes