Why does a child element expand its grid column even when it fits?

Question

I\'ve created a codepen here to show what I mean. You\'ll see how the grid is defined with grid-template-columns: auto 80% auto; for its columns, and that wor