What does the `grid-template` shorthand do to `grid-template-rows`, `grid-template-columns`, and `grid-template-areas` that the longhands do not, and why can it bite you?
.grid {
grid-template-areas: 'a b';
grid-template: 1fr / 1fr 1fr; /* written later */
}