Responsive 3column card component using flex grid and scss

Struggled to do the vertical centering of the cards for mobile/tablet sizes untill i added the margin-block: 2rem rule in my wrapper class and removing it for the desktop size. Justify-content: center and align-items: center did the job for desktop but not for mobile. Wonder if there is an way of doing this without the margin-block rule for mobile. Feedback would be appreciated.