Last year I asked, “Will we be flattening our HTML for CSS Grids?"
The issue is that the only way for elements to participate in the same CSS grid together (or flexbox for that matter) is for them to be siblings. So, in some cases we might be incentivized to forego HTML semantics for the benefit of layout (not great).
One answer to this is display: contents;—a magical new display value that essentially makes the container disappear, …
Get Ready for `display: contents;` is a post from CSS-Tricks