Is there another syntax we can use to overlap elements within CSS grid?
Yes there is!
grid-area is a shorthand for the
grid-column properties you learned about in the last lesson. Hence, instead of applying the
grid-area: 6 / 4 / span 2 / span 2; declaration to our .overlap class in step 3 of this exercise, we could apply these two declaration:
grid-row: 6 /span 2 ;,
grid-column: 4 /span 2; to the class.