Grid children not stretching + centering children alignment

Hey, i have two questions regarding this issue.

1. Why do the grid items not stretch to be the same size as eachother even though that's the default behaviour? Is that something you're unable to do with an auto-fit grid?
2. There are two different types of cards in this example, a regular one and one with a banner, what method would be best to center the icon and text to be aligned evenly across all cards? I've tried a grid approach in the example (the stretch needs to be working for this one otherwise i don't believe the ones without the banner would be perfectly centered)

https://codepen.io/deerCabin/pen/abregME

Thank you in advance.
Was this page helpful?