relative

<div layout="relative">...</div>

The relative utility applies position: relative to an element.

In this example, the “outsider” element is positioned relative to its grandparent because the grandparent is the first element with the relative utility applied.

If you apply the relative utility to the parent element instead, the “outsider” will then be positioned relative to its parent.

Give it a try by adding the relative utility to the violet element!