03 · Relative position

Three boxes in normal flow — the second one is nudged with position: relative.

  1. Box one — static, exactly where flow puts it.
  2. Box two — position: relative; inset-block-start: 1.25rem; inset-inline-start: 3rem. I moved down and right, but the slot I came from is still reserved.
  3. Box three — static. I did not slide up to fill the gap, because box two still owns its original space in the flow.