Visual 'manipulation' of the DOM using display: contents
which plays nicely with grid/flex.
Taken from the following stackoverflow question/answer:
With Source:
span {
display: contents;
font-size-adjust: 0; /* or other adjustment method */
}
span:before {
display: inline-block; /* or as preferred */
font-size-adjust: initial; /* and reset other adjustment method */
}