Assessment wanted for the responsive web design and media queries test

Clearly Ive missed something about grid layouts but I cant seem to get my hand on what it is… I cant get my grid to work as intended no matter what I try. Any help with this or any other suggestions for my code would be really appreciated!

https://codepen.io/tismaximo/pen/MWBzbLx My code so far
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/rwd_skills Assignment in question

Hi @xzemiyl2 and welcome to the community :wave:

Nice code for the grid-template-columns of the cards. :+1:

When using grid-template-areas the actual areas need to be direct children of the grid. I recommend using Flexbox for the header, Grid for main and another Grid for the cards (like you already did).

Please tell me if you have need more help or I should take another look at your solution.

Have a nice day,
Michael