100% CSS Grid Layout

Hi, guys. I couldn't get my solution pixel-perfect, but I think it's close enough.

I used CSS Grid to accomplish this challenge:

• I started with the mobile layout using grid-auto-flow: row for my section container and letting each card claim its place.

• For the other layouts, I opted to fix the columns width using the grid-template-columns attribute. To position the cards, I assigned each one to a grid-area with the same name (I used the person's name for convenience) and then changed the grid layout as necessary using the grid-template-areas attribute.

Any feedback regarding the code or the design will be appreciated!

Thanks in advance and happy coding!