Responsive landing page using Grid and Flexbox

What are you most proud of, and what would you do differently next time?

I am proud of me because I finally understood how grid works. Next time it will be much easier for me to make a responsive layout.

What challenges did you encounter, and how did you overcome them?

I've encountered a lot of difficulties using grid. At the beginning, I didn't find any method to arrange the first and the last card in the center with grid without the use of grid-template-areas, grid-row-start and end didn't have any effect.

What specific areas of your project would you like help with?

I would like to get help with elements from some cards. Without using height 100%, I was unable to make the card fill all the cell, but using this propriety, the flexbox from the elements inside the card took a new row for the added space. I couldn't move the icon on the bottom of the card and always there was a space. I had problems also with the sizes of the cards, they are not changing constantly together.