Grid Based Four Card Feature section using React, TS, MUI

This was an interesting challenge, as the UI promoted component reusability. Where React shines the best. It also allowed me to use display:grid. which proved very useful for the 2D layout of the cards.

I would like to know which shorthands or properties I might have missed out on while using the grid layout this is the permalink at which I could use some help

Please do help out on any specific Grid related CSS practices I might be missing out on

This proved to be a very fun and resourceful challenge. I enjoyed solving the same 😄