Four card feature section

I tried using HTML and CSS best practices by creating and reusing card components using the same classes and only modifying them with a single unique class (card--n).

I also found out that I couldn't use grid-template-areas to make items span intersecting lines as follows; I used the row and column lines instead.

I found learncssgrid.com to be a useful resource for me in noticing that a different approach needed to be taken in making items span rows and columns.

Corrections and notes are very much welcome.