Streaming live at 10am (PST)

Best practice for overlaid tile effect?

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

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 >

Absolute positioning >

Piter :webflow_heart: