Responsive Four-Card-Feature using Flexbox and Grid

Hello. I finished this project and I would like to hear your feedback and tips.

What I learned new is:

• The auto property for margin I used to move the SVG's to the right side; the auto property stretches or eliminates all the empty spacing; hence, it automatically shifts elements to the other side. Correct me if I am wrong.
• I want to know if there are better approaches in using Grid to place cards, what do you think of grid-template-areas ?

Any feedbacks are welcome. Thanks :)