Best practice for overlaid tile effect?

Design help General
1

18%20AM
18%20AM1230×373 26.9 KB

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 > Enable relative position | Webflow University

Absolute positioning > Position | Webflow University

Piter :webflow_heart:

2 Likes