Position absolute within CSS Grid Layout
You can use the CSS property
position: absolute within a grid layout. First, you need to set the
position: relative property on the grid container and then use
position: absolute on its child element.
Once an item is absolutely positioned, it no longer participates in the grid layout flow and doesn’t affect the placement of other grid items. By default, grid items stretch to fit their grid area, but absolute positioned items shrink to fit their contents.
See the Pen position absolute within grid layout by majadc (@majadc) on CodePen.