I used display grid and flex

My third challenge here. I did it with display flex and grid. When I resize the screen the page broke its structure, I say this because it's a property of the display grid or flex which I don't know how to fix. I can note the main card is a little up from the center, it's not looked like that when I was coding, why happen that? Maybe it's the footer who change the structure of the page. Any comment will be welcome.