Center Aligned Card Grid - Copy this React, Mui Component to your project

I neeed dynamic code where there can be grid of three columns of cards on large screen the there can be not more than three cards and if there are less than three cards in any row they should be aligned center with equal gap in all cards. Ecample if there are five cardsit should look like a reverse pyramid with three in one line and two in second