With the introduction of the CSS Anchor Position API in Chrome 125, it's never been easier to position an element relative to another element. This is a great way to manage complex positioning use cases like popovers and tooltips.
CSS Anchor Positioning can be used for more than just popovers and tooltips, it can be used to create basic flow chart diagrams. Learn to position elements relative to multiple other elements simultaneously.
To create a flow chart, unique anchors (--name) are assigned to div elements. Use anchor(--name direction) to position relative to another div. justify-self: anchor-center centers horizontally.
[
Collection
]
[
|
...
]