Chris showed us a little while back that CSS grid areas and their elements are not necessarily the same size. It’s an interesting point because one might assume that putting things into a grid area would make those things occupy the entire space, but grid areas actually reserve the space defined by the grid and set the element’s justify-content and align-items properties to a stretch value by default.
So… yes, they are the same size, but not necessarily.
Chris ended …
Fun Times With Sizing Grid Elements is a post from CSS-Tricks